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
标签对象.innerText

功能

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中文本