Question

我已将overflow属性设置为div的auto。但是当我点击一个按钮时，我希望div应该扩展并希望删除溢出属性。

#viewNotings{
  width: 310px;
  overflow-x: auto;
}

我想在其他页面中删除此溢出属性。

Answer 1

如果您想要点击时的行为，请在元素的“onclick”字段中说明它（div，span，img，a ...）。

如果您希望此行为修改样式属性，请相应地设置this.style.PROPERTY。

- ＆GT;

<div onclick="this.style.overflow='visible';">

Answer 2

正确的代码是

document.getElementById("viewNotings").style.cssText="overflow-x:visible;";

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText

cssText仅返回或设置元素的内联样式声明的文本。

Answer 3

为div
点击，删除溢出并将宽度设置为100％

＆＃13;

$(document).ready(function() {
  $("#viewNotings").click(function () {
    $("#viewNotings").css("overflow", "none");
    $("#viewNotings").css("width", "100%");
  });
 });

＆＃13;

#viewNotings{
  width: 310px;
  background: gray;
  height: 30px;
  overflow-x: auto;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <div id="viewNotings"></div>
</body>

＆＃13;

Answer 4

答案很简单，将溢出值设置为足够的溢出属性即可。

<div onclick="this.style.overflow=' ';">

如何删除overflow：auto属性？

4 个答案: