style="color:rgb(98189255)">document.getElementById(selector).color:rgb(255950)">style.width;//获取样式的具体值color:rgb(255950)">style="color:rgb(98189255)">document.getElementById(selector).color:rgb(255950)">style.widt" />style="color:rgb(98189255)">document.getElementById(selector).color:rgb(255950)">style.width;//获取样式的具体值color:rgb(255950)">style="color:rgb(98189255)">document.getElementById(selector).color:rgb(255950)">style.widt">

JS根据ID修改样式

小彬 管理员

作者很懒,什么都没留下!

字数1263个, 阅读全文: 5 分钟
首页 Javascript 正文

很多初级开发者不知道如何通过“JS根据ID修改样式”,下面是示例代码:

// 原生 js 方式
var widthvalue = color:rgb(255 95 0)">style="color:rgb(98 189 255)">document.getElementById(selector).color:rgb(255 95 0)">style.width; // 获取样式的具体值
color:rgb(255 95 0)">style="color:rgb(98 189 255)">document.getElementById(selector).color:rgb(255 95 0)">style.width='40px';

// jQuery 方式
var colorvalue = $(selector).css("color"); // 获取样式的具体值
$(selector).css("color","red"); // 修改样式 color 的值为 red 等,允许连续多组
$(selector).css({
    "color":"white",
    "font-size":"20px"
});

获取和修改属性attribute

// 原生 js 方式
style="color:rgb(98 189 255)">document.getElementById(selector).setAttribute('style','style="color:rgb(255 211 0)">height:400px;'); // 原先有值的直接替换
style="color:rgb(98 189 255)">document.getElementById(selector).removeAttribute('style');
style="color:rgb(98 189 255)">document.getElementById(selector).id = "style="color:rgb(98 189 255)">elementid"; // 给属性赋值,注不支持自定义属性
var stylevalue = style="color:rgb(98 189 255)">document.getElementById(selector).getAttribute('style');

// jQuery 方式
$(selector).attr("style","全部样式"); // 修改属性 style 的值
$(selector).attr({"style":"全部样式"});
$(selector).removeAttr('style'); // 移除名字为 style 属性
$(selector).attr("style"); // 获取属性 style 的值
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.xiaobinblog.com/1104.html
-- 展开阅读全文 --
js querySelectorAll()多属性获取元素
« 上一篇 2023-03-22
JS如何修改class属性?
下一篇 » 2023-03-24

发表评论

动态快讯

互动读者

  • 小站长 管理员

    作者很懒,什么都没留下!

    小站长 文章 5 篇
    作者很懒,什么都没留下!
  • 小彬 管理员

    作者很懒,什么都没留下!

    小彬 文章 139 篇
    作者很懒,什么都没留下!

热门文章

1
2
3

最多点赞

小彬 管理员

作者很懒,什么都没留下!

17赞, 阅读:22.8984w
小彬 管理员

作者很懒,什么都没留下!

5赞, 阅读:20.0697w
小彬 管理员

作者很懒,什么都没留下!

5赞, 阅读:20.0671w
小彬 管理员

作者很懒,什么都没留下!

17赞, 阅读:20.0601w

标签TAG