作者letmeask (Let me ask)
看板Web_Design
標題[問題] js修改外部css定義的overflow
時間Fri Apr 16 11:01:07 2021
我有個html如下
<html>
<head>
<link href="testHTML.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="id1">ddddddddddddddddddddd</div>
</body>
<script>
let id1 = document.getElementById("id1");
//id1.style.overflow=""; //not work
//id1.style.width="50px"; //work
</script>
</html>
其引用的外部 testHTML.css如下
#id1{
width: 100px;
height: 100px;
overflow: auto;
background: red;
}
我發現在
id1.style.width="50px";
這行可以正常的修改元素的寬度
但是
id1.style.overflow="";
卻不能把原本overflow是auto的狀態給關閉
請問如果我今天有某個特殊需求需在在某種情況把這種外部引入的css
的autoflow關閉(從auto取消)的話
我應該要怎麼操作呢?
先謝謝大家回答^^
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.177.13.6 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1618542069.A.566.html
2F：→ kyoe: overflow沒有=""的value 04/16 11:11
原來我問了蠢問題=.=
改成"visible"就可以了，謝謝您
※ 編輯: letmeask (180.177.13.6 臺灣), 04/16/2021 11:29:09
3F：→ monotone: 覺得還好沒有很蠢，很多就是要遇到才會真的知道 04/19 03:08
4F：→ Rplus: 可以設為 unset 04/20 13:25