DOM 对象文本的修改
- ele.innerText = “”; 只支持文本;
var div = dcoument.querySelector("div");
div.innerText = "我是innerText修改的文本"
- ele.innerHTML = “” ; 支持文本及标签;
var div = document.querySelector("div");
div.innerHTML = "<span>我是innerHTML修改的文本</span>"
DOM对象属性的赋值及取值
- 属性赋值: setAttribute();
var div = document.querySelector("div");
div.setAttribute("class","dd div test");
// div的class类名修改为dd,div,test这三个;
div.setArrtibute("id","dd");
// div的ID修改为dd;
var a = document.querySelector("a");
a.setAttibute("href","www.baidu.com");
// 修改a标签的href地址;
- 属性取值: getAttribute();
var img = document.querySelector("img");
console.log(img.getAttribute("src"));
// 获取img标签的src属性;
console.log(a.getAttribute("href"));
// 获取a标签的href属性;
DOM属性样式的修改:
通过.style样式来修改标签样式;
var div = document.querySelelctor("div");
div.width = "350px";
div.backgroundColor = "red";
// 碰到带有连接符 "-" (background-color,background-img...)的样式,需要将连接符删除,然后将连接符"-" 后面的单词首字母大写.
// 但是要注意,这样设置的样式,相当于行内样式,所以要注意优先级问题.