获取JS元素的方法

获取页面元素的方式

1.通过js的dom方法:可以使用内置对象 document 上的 getElementById 方法来获取页面上设 置了 id 属性的元素,获取到的是一个 html 对象,然后将它赋值给一个变量.

(1)将 javascript 语句放到 window.onload 触发的函数里面,获取元素的语句会在页面加载完后才执行.

属性的写法

1、html 的属性和 js 里面属性写法一样

2、“class” 属性写成 “className”

3、“style” 属性里面的属性，有横杠的改成驼峰式

(2)：将 javascript 放到页面最下边 (写入body中)

2.通过getElementsByclassName()根据元素的class获取元素

因为getElementsByClassName()获取到的结果是一个集合,要想获取单个的元素使用索引的方式获取

3.通过getElementsByTagname():根据元素标签名称获取元素(返回集合对象数组,可以通过*方式获取页面上所有的元素)

innerHTML和innerText的区别:

共同点：innerHTML和innerText都会把元素内内容替换掉。

不同点：(1)innerHTML:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

(2)innerText:从起始位置到终止位置的内容, 但它去除Html标签

innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML。

小编这里整理了web前端的学习资料，相信有很多对web前端感兴趣的小伙伴，那就赶紧行动起来吧，关注小编，私信【学习】，即可免费获得哦！