自定义属性值

一、获取属性值和自定义属性值getAttribute

<body><div id="app" class="name" tage_list="1">div><script>var div_l=document.querySelector('div');console.log(div_l.id);// console.log(div_1.tage_list);错误// 通过getAttribute获取自定义属性值console.log(div_l.getAttribute('tage_list'));script>
body>

在这里插入图片描述

二、设置移除自定义属性值setAttribute

DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Documenttitle><style>.name{color: red;}.name2{color:rgb(30, 155, 30);}style>
head>
<body><div id="index">哈哈哈哈哈哈哈哈哈哈div><script>var div_d=document.querySelector('div');div_d.className='name';div_d.setAttribute('cssTag',2);console.log(div_d.getAttribute('cssTag'));div_d.setAttribute('class','name2');console.log(div_d.getAttribute('class'));script>body>
html>

在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部