DOM操作要先獲取元素或標簽等節點:
document.getElementById('id');
對表單如input進行操作:
獲取值var users=document.getElementById('user').value;
賦值users=document.getElementById('user').value='abcdefg'
非表單使用innerHTML替換value:
innerHTML:返回的是標簽內的html內容,包含html標簽
var dicy.innerHTML="這是新的非表單的值";
innerText:返回文本值
(通過innerHTML時會獲取到<span>文字</span>標簽,innerText只獲取到文字)
操作屬性 attribute
get取值,set設置,remove刪除
attribute('屬性值')
getAttribute('屬性名')
<a href="" target="" value="this is link" id="">
var aaa=document.getElementById('id')
var aaaGet=aaa.getAttribute('targe')
var aaaSet=aaa.setAttribute('target','_blank')
var aaaRemove=aaa.removeAttribute('屬性名')
操作style樣式:
標簽對象.style.樣式名(獲取樣式名的值)
標簽對象.style.樣式名='樣式值'
var aaaColor=aaa.style.backgroundColor;
var aaaSetColor=aaa.style.backgroundColor="red";