1.操作标签属性:

形式:

对象.属性名=“属性值”:

源代码：

最后总结：

对象.属性是对系统自带的属性进行操作.

Attribute是对自己写的属性进行操作。（自定义）

效果图;

获取:

修改:

增加

删除

2.操作标签内容

形式;

对象.属性名=“属性值”；

源代码：

1.1获取.

let oDiv=document.querySelector("div");

console.log(oDiv.innerHTML);

console.log(oDiv.innerText);

console.log(oDiv.textContent);

效果：

1.2设置

let oDiv1=document.querySelector("div");

oDiv1.innerHTML = "我是span";

oDiv1.innerText = "我是span1";

oDiv1.textContent = "我是span2";

效果：

总结：

1:innerHTML/innerText/textContent都是设置给HTML标签上的.

2:因为这三个都是作用在HTML标签上的,所以会产生后面的会覆盖掉前面的.

3:操作元素样式

形式;

对象.style.属性名=“属性值”:

源代码：

//设置：

let oDiv = document.querySelector("div");

oDiv.style.width="300px";

oDiv.style.height="300px";

oDiv.style.backgroundColor="blue";

效果：

获取

let oDiv1 = document.querySelector("div");

oDiv.style.width = "300px";

console.log(oDiv.style.width);

效果：

总结;

1;js中操作css只能通过行内来做.