原生DOM对象操作

DOM 对象文本的修改

1. ele.innerText = “”; 只支持文本;

	var div = dcoument.querySelector("div");
	div.innerText = "我是innerText修改的文本"

2. ele.innerHTML = “” ; 支持文本及标签;

	var div = document.querySelector("div");
	div.innerHTML = "<span>我是innerHTML修改的文本</span>"

DOM对象属性的赋值及取值

1. 属性赋值: 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地址;

2. 属性取值: 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...)的样式,需要将连接符删除,然后将连接符"-" 后面的单词首字母大写.
	// 但是要注意,这样设置的样式,相当于行内样式,所以要注意优先级问题.