JS操作标签的值属性样式。

Posted 2022-07-29 god3064371

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