获取HTML元素:
(1)通过标签名获取DOM对象,注意得到的值是数组哟
document.getElementsByTagName("标签名");
(2)通过class属性值获取DOM对象,注意得到的也是数组哟
document.getElementsByClassName("class属性值");
(3)通过id获取 DOM对象,得到是一个对象
document.getElementById("id属性值");
改变HTML元素:
(1)输出流
document.write("内容");
(2)修改指定元素标签内的文本值 (不包含HTML标签)
DOM对象.innerText = "新的文本值";
(3)修改指定元素标签内的内容(可包含HTML标签)
DOM对象.innerHTML = 新的内容
(4)获取与修改指定元素标签属性值
DOM对象.getAttribute(属性名); // 获取属性值
DOM对象.setAttribute(属性名, 新的属性值); // 修改属性值
修改指定元素CSS样式
DOM对象.style.样式名(如:width,height等)= "新的样式值"