JS操作標簽的值、屬性、樣式。


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";


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM