1)设置标签属性
基本语法
功能
示例
设置<font>标签属性值
var fontObj = document.getElementById("font1"); 获取font标签元素
fontObj.size = 20; 设置font标签元素的大小为20
fontObj.color = "orange"; 设置font标签元素的颜色为桔色
2)标签offset属性
基本语法
var 变量 = 标签对象.offsetWidth;
var 变量 = 标签对象.offsetHeight;
var 变量 = 标签对象.offsetLeft;
var 变量 = 标签对象.offsetTop;
功能
offsetWidth 获取标签对象的宽
offsetHeight获取标签对象的高
offsetLeft获取标签对象的宽左边距
offsetTop获取标签对象的上边距
示例
<img>标签属性
var imgObj = document.getElementById("img1");
var width = imgObj.offsetWidth;
var height = imgObj.offsetHeight;
var left = imgObj.offsetLeft;
var tops = imgObj.offsetTop;
var width = imgObj.offsetWidth; 获取img标签的宽度
var height = imgObj.offsetHeight; 获取img标签的高度
var left = imgObj.offsetLeft; 获取img标签的左边距
var tops = imgObj.offsetTop; 获取img标签的上边距
标签内容属性
基本语法
功能
innerHTML设置或获得标签内部html内容
innerText设置或获得标签内容text内容
区别:
innerText属性将文本内容设置或返回为指定节点及其所有子节点的纯文本,而innerHTML属性将获取和设置元素中的纯文本或HTML内容。与InnerText不同,InnerHTML允许您使用HTML格式的文本,并且不会自动对文本进行编码和解码。
示例
获得<div>标签内容
var obj1 = document.getElementById("div1");
var txt1 = obj1.innerHTML;
var txt2 = obj1.innerText;
var txt1 = obj1.innerHTML; 获得div中的html内容
var txt2 = obj1.innerText; 获得div中文本