gpt4 book ai didi

javascript - JS - 如何获取内部样式元素的内容(<style>...
转载 作者:行者123 更新时间:2023-12-02 06:29:39 27 4
gpt4 key购买 nike

我的意思是内部风格

<style>
#div
{color:red;}
</style>

document.getElementsByTagName('style').innerHTML 不工作... document.styleSheets 。

最佳答案

document.getElementsByTagName 返回元素数组

所以你需要用 index 访问它

document.getElementsByTagName('style')[0].innerHTML

document.styleSheets 如果您想获取特定的选择器或修改样式表中的某些内容,这将非常有用

例子
var styleSheet = document.styleSheets[1]; 
// assuming second one is embedded style,
// since document.styleSheets also shows linked style sheets (like <link heref=".. >)

for (var i = 0; i < styleSheet.rules.length; i++) {
// if you are looking for selector '.main'
if (styleSheet.rules[i].selectorText === '.main') {
// get background color
var oldBg = styleSheet.rules[i].style.backgroundColor;

// set background color
styleSheet.rules[i].style.backgroundColor = '#ddd';
}
}

关于javascript - JS - 如何获取内部样式元素的内容(&lt;style&gt;...</style),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42488591/

27 4 0

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com