所以我想在 javascript 中更改一個 css 值,而在 html 中沒有元素,我將解釋如下:
<style>
.box{
width: 10%;
}
</style>
<script>
// I want to change the width value of (.box) to something like "90%"
</script>
所以我的意思是我想改變兩個樣式標簽之間的(.box)寬度值,我知道我的問題聽起來很奇怪,但只是新編碼,我真的需要它,任何幫助表示贊賞!
uj5u.com熱心網友回復:
使用媒體查詢。
我不記得執行此操作的確切方法,但類似:
.box { width: 90%; }
@media screen and (min-width: 1000px) {
.box { width: 40%; }
}
uj5u.com熱心網友回復:
這是一個選項,<style>
動態添加標簽
var inline_style = `
.box {
width: 90%;
background: pink;
}`;
// from https://stackoverflow.com/a/28662118/3807365
document.head.insertAdjacentHTML("beforeend", '<style>' inline_style '</style>')
.box {
width: 10%;
background: blue;
}
<div class="box">i'm a box</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/504131.html
標籤:javascript html css 风格
上一篇:切換li后洗掉的串列元素