首頁猿問如何在樣式標簽內獲取javascr...

如何在樣式標簽內獲取javascript變量

JavaScript

陪伴而非守候 2022-06-16 10:20:24

我在這 var prop= document.querySelectorAll('[data-name="header"]')[0].getAttribute("class"); var class_name= "." + prop ;class_name { display: none;} <div class="_69x2sms" data-name="header"> <div class="_18tvv4h"> <a target="_blank" href=""> <span>Done <span class="_qx8n3fw">..!</span> </span> </a> </div> <div class="_8sfqbvd">have fun</div></div>我試圖在樣式標簽中獲取 JavaScript 變量，即“class_name”，代碼在這里，class="_69x2sms" 在這里是動態的<div class="_69x2sms" data-name="header"> <div class="_18tvv4h"> <a target="_blank" href=""> <span>Done <span class="_qx8n3fw">..!</span> </span> </a> </div> <div class="_8sfqbvd">have fun</div></div><script type="text/javascript"> var prop= document.querySelectorAll('[data-name="header"]')[0].getAttribute("class"); var class_name= "." + prop ;</script><style>class_name { display: none;} </style>

查看完整描述

4 回答

Qyouu

TA貢獻1786條經驗獲得超11個贊

let class_name = document.querySelector('[data-name="header"]').getAttribute("class"); //this will get the class of attr data-name

document.querySelector('.' + class_name).style.display = 'none'; //this will set it's display to none;

//You can directly also do so ↓↓--

//document.querySelector('[data-name="header"]').style.display = 'none';

</div>

反對回復 2022-06-16

千萬里不及你

TA貢獻1784條經驗獲得超9個贊

看來您對問題的解決方案可能不是解決問題的最佳方法。如果你想用 css 修改動態元素，你可以為它們創建一個靜態類：

.custom_class {

display: none;

}

然后將類附加到某些元素element.classList.add("custom_class");而不是嘗試修改現有類。

反對回復 2022-06-16

千巷貓影

TA貢獻1829條經驗獲得超7個贊

好吧，您可以像編輯其他<style />元素一樣編輯 - 元素的內容。至少在任何中等現代的瀏覽器中（我相信> IE9）。

例如：

// Your JS

var prop= document.querySelectorAll('[data-name="header"]')[0].getAttribute("class");

var class_name= "." + prop ;

// New JS

var style = document.getElementsByTagName('style')[0];

style.textContent += class_name + ' { display: none; }'

反對回復 2022-06-16

FFIVE

TA貢獻1797條經驗獲得超6個贊

你不能在已經構建的“STYLE”標簽中附加一些東西，但你可以像這樣創建一個：

var css = class_name +'{ display: none }',

head = document.head || document.getElementsByTagName('head')[0],

style = document.createElement('style');

head.appendChild(style);

style.type = 'text/css';

if (style.styleSheet){

// This is required for IE8 and below.

style.styleSheet.cssText = css;

} else {

style.appendChild(document.createTextNode(css));

}

反對回復 2022-06-16

4 回答
0 關注
204 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在樣式標簽內獲取javascript變量

如何在樣式標簽內獲取javascript變量

4 回答

添加回答