有关JavaScript的基础知识
本来以为今天能学到好多的东西呢,结果由于路径问题,还是没有学到多少东西,
比如<script src="001.js" type="text/javascript"></script>这个是和h5是在同一个文件夹下的,但是就不能正常引用,不知道为什么,如果有知道的大神请指点一下,
上面是遇到的问题,那下面就是今天学到的东西
关于修改文字的四种方法
第一种:
<button οnclick="myonclick()">change</button>
<p class="page">实验文字</p>
function myonclick(){
document.querySelector('.page').innerHTML=‘修改成你想要的文字’;
}
第二种:
<button οnclick="myonclick()">change</button>
<p class="page">实验文字</p>
function myonclick(){
document.querySelector('.page').textContent=‘修改成你想要的文字’;
}
第三种:
<button class=“mybutton”>change</button>
<p class="page">实验文字</p>
document.querySelector('.mybutton').οnclick=function(){
document.querySelector('.page').textContent=‘修改成你想要的文字’;
}
第四种:
<button class=“mybutton”>change</button>
<p class="page" id="mypage">实验文字</p>
document.querySelector('.mybutton').οnclick=function(){
document.getElementById('#mypage').textContent=‘修改成你想要的文字’;
}
上面这四种方法都是可以改变文字的内容的,值得注意的是,当设置标签的类名时,可以用“.clsssname”来调用,这时,可以用getElementByClassName()或者querySelector()是可以的;当为id名时可以用"#idname"来调用,这时可以用getElementById()函数或者querySelector()函数都是可以的。需要注意的是类名和id名的写法应该具有合理性。
还有一点是,在JavaScript中,双引号和单引号是同一个意思,它们不区分的,不过最好在h5中用双引号,在JavaScript中用单引号,这样比较清晰,不过有个人癖好的,怎么用都是可以的。