JS中修改标签中元素的属性值

最新推荐文章于 2024-05-12 10:57:12 发布

枕梦

最新推荐文章于 2024-05-12 10:57:12 发布

阅读量1w

点赞数

分类专栏： HTML5+JS 文章标签： javascript 修改标签属性值

本文链接：https://blog.csdn.net/qq_37768482/article/details/76099444

版权

HTML5+JS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

首先获取对应元素

然后通过style修改相应的属性值

需要迭代增加属性值时用‘+=’

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="d">
        身高168cm
    </div>
</body>
<script>
    window.onload = function(){
        //通过ID找对应元素
        var d = document.getElementById('d');
        //字体颜色
        d.style.color = '#f00';
        //字体加粗
        d.style.cssText += 'font-weight:bold';
        d.style.cssText += 'font-size:19px';
        //添加类名
        d.className = 'a';
        d.className += ' b';
    }
</script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

枕梦

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS中修改标签中元素的属性值

首先获取对应元素然后通过style修改相应的属性值需要迭代增加属性值时用‘+=’html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body> div id="d"> 身高168cm div>body>script> win
复制链接

扫一扫