節點屬性及用JS修改各種選框的屬性

2021-09-09 08:49:33 字數 1277 閱讀 9906

html頁面中dom中對應的屬性

src             ==>>            src

title            ==>>            title

href            ==>>            href

action          ==>>          action

alt              ==>>             alt

for              ==>>          htmlfor

class            ==>>        classname

節點物件.屬性名=值;

設定節點屬性值 如:

var o=document.getelementbyid('ipt');

o.value='你好';

節點物件.屬性名

如:獲取id='slt'中的標籤中的值 

var os=document.getelementbyid('slt');

var os=os.value;

console.log(os);

checked屬性的是選中

(注意:name相同時,才是排異的單選)

checked屬性時   為選中

用js修改屬性時obj.checked=true;

true為勾中,  

false為取消勾中

var og=document.getelementbyid('ipt');

og.checked=true;//設定為勾中  false時取消勾中

有selected屬性是選中,

得到下拉框選中的值(下拉框的id).value

aaa

bbbccc

js:

var os=document.getelementbyid('slt');

console.log(os.value);

js 常用的節點和屬性

childnodes 獲取所有的子節點 children 獲取所有的元素子節點 parentnode 獲取父親節點 previoussibling 獲取上乙個哥哥節點 nextsibling 獲取下乙個弟弟節點 firstchild 獲取所有的子節點中的第乙個 lastchild 獲取所有子節點中的...

JS中獲取節點的兄弟 父 子節點的各種問題

js中獲取節點的兄弟 父 子節點,一般情況下通過這種方式獲取 var chils s.childnodes 得到s的全部子節點 var par s.parentnode 得到s的父節點 var ns s.nextsibling 獲得s的下乙個兄弟節點 var ps s.previoussbiling...

js中節點及其屬性的CRUD

新增元素節點 建立新節點 新增節點 如果節點已存在,將存在的移動到被新增的節點最後,如果不存在,則新增到新增的節點最後 屬性節點 節點 getattribute 屬性名 getattribute name 快速獲取 節點.屬性 seceles 0 classname class,name是關鍵字 屬...