JS 获取HTML网页内容的方法document.getElementById()
一、通过id获取元素
JS中最常用的方法之一，具体获取方法为：
var element = document.getElementById("id");其中，“id”为要获取元素的id属性值，获取到的“element”将指向该元素对象。
使用该方法获取的对象为单个元素对象，若要获取多个元素对象，则需要使用其他方法。
二、获取元素属性值
获取元素的属性值也是开发中常用的操作之一，可以使用如下方法获取元素指定属性的值：
var attrValue = element.getAttribute("id");其中，“id”为要获取的属性名，获取到的“attrValue”为对应属性的值。
例如，要获取id为“id1”的元素的class属性值，则可以使用以下代码：
var element = document.getElementById("id1");
var classValue = element.getAttribute("class");同理，也可以使用“element.property”的方式获取元素属性的值，例如使用“element.src”获取图片元素的“src”属性值。
三、设置元素属性值
除了获取元素属性的值，我们还可以通过JS设置元素的属性值，具体设置方法为：
element.setAttribute("name","value");其中，“name”为要设置的属性名，“value”为要设置的属性值。
例如，要将id为“id1”的元素的class属性值设置为“example”，则可以使用以下代码：
var element = document.getElementById("id1");
element.setAttribute("class","example");四、获取元素内容
获取元素的内容也是JS操作中常用的方法之一，可以使用以下方法来获取元素的内容：
var content = element.innerHTML; var content2 = element.textContent;
其中，“content”为获取到的元素内容。需要注意的是，使用该方法获取的是元素的HTML内容，包括HTML标签，若要获取元素的纯文本内容，则可以使用“element.textContent”方法。
五、设置元素内容
JS也可以通过以下方式来设置元素的内容：
element.innerHTML = "new content";
其中，“new content”为要设置的新内容。需要注意的是，使用该方法会直接替换掉原有的HTML内容。
若要在原有HTML内容的基础上进行修改，则需要使用其他方法。
六、获取元素样式
获取元素样式也是JS开发中常用的方法之一，可以使用“element.style.property”来获取元素样式的值，例如要获取元素的背景颜色，则可以使用以下代码：
var element = document.getElementById("id1");
var bgColor = element.style.backgroundColor;其中，“bgColor”为获取到的背景颜色值，需要注意的是，该方法只能获取元素在行内样式中设置的样式，不能获取外部或内部样式表中设置的样式。
七、设置元素样式
JS也可以通过设置元素的样式来改变元素的外观，可以使用以下方法来设置元素的样式：
element.style.property = "property-value";
其中，“property”为要设置的样式属性名，如“backgroundColor”、“fontSize”等，“property-value”为要设置的属性值。例如，要将元素的背景颜色设置为红色，可以使用以下代码：
var element = document.getElementById("test");
element.style.backgroundColor = "red";该方法只能设置元素行内样式，若要设置外部或内部样式表中的样式，则需要使用“element.className”或“element.setAttribute()”方法来设置。
您阅读本篇文章共花了： 