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";
原文地址:https://www.cnblogs.com/god3064371/p/11371741.html