有关JavaScript的知识

有关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中用单引号,这样比较清晰,不过有个人癖好的,怎么用都是可以的。


  





发布了19 篇原创文章 · 获赞 0 · 访问量 9424

猜你喜欢

转载自blog.csdn.net/yuxinqingge/article/details/50809311
今日推荐