Javascript之document对象用法（很重要）

Posted 2020-08-06 熊猫卡洛斯

一、找到元素

document.getElementById("id"):根据id找层，最多找一个

var a=document.getElementById("id"):将找到的元素放到变量a中；

document.getElementByname("name"):根据name找，找出来的是数组；

document.getElementByTagname("name"):根据标签名找，找出来的是数组；

document.getElementByclassname("name"):根据classname找，找出来的是数组；

---

二、操作内容

1、非表单元素

1)、alert（a.innerhtml）:获取a 标签里面的HTML内容进行，

2）、alert（a.innerText）：只获取a标签里面的文字

2、表单元素

1）、var a=document.f1.t1;获取form表单IDf1里面的ID为t1的input

2）、alert(t.value);获取input中的value值

3）、alert（t.innerHTML）:获取表单元素<textarea>的值</textarea>

4)、设置内容：t.value="内容改变"；

5）、属性onclick="return flase":不会跳转，按钮则不会递交

---

 

三、属性控制

1）、a.setAttribute("属性名"，"属性值")：设置一个属性。添加或更改都可以；

2）、a.getAttribute(“属性名”)：获取属性的值

3）、a.removeAttribute("属性名")：移除一个属性。

---

 

四、操作样式

1）、a.style.样式=“”：操作此ID样式属性

2）、a.className="样式表中的classname"操作一批样式。