[問題] js修改外部css定義的overflow

作者: letmeask (Let me ask)   2021-04-16 11:01:07
我有個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取消)的話
我應該要怎麼操作呢?
先謝謝大家回答^^
作者: kyoe (緣份‧不再)   2021-04-16 11:11:00
作者: monotone (Gloomy)   2021-04-19 03:08:00
覺得還好沒有很蠢,很多就是要遇到才會真的知道
作者: Rplus (R+) (9527)   2021-04-20 13:25:00
可以設為 unset

Links booklink

Contact Us: admin [ a t ] ucptt.com