如何删除溢出：自动属性？答案

【问题标题】：How to remove overflow: auto property?如何删除溢出：自动属性？
【发布时间】：2015-10-06 06:58:47
【问题描述】：

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

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

我想在另一个页面中删除这个溢出属性。

【问题讨论】：

这与 JavaScript / JSP 无关。

标签： css

【解决方案1】：

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

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

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

【讨论】：

如果您提供了解释，也许您的答案值得投票；-]
出现错误-'无法获取溢出参数，无效参数'
抱歉：“none”无效。使用可见|隐藏|滚动|自动|初始|继承之一；
我想通过将代码写入一个 js 文件中来删除溢出属性，该文件包含在我设置 viewNotings 的 css 属性的 jsp 中。
正确的代码是document.getElementById("viewNotings").style.cssText="overflow-x:visible;";

【解决方案2】：

正确的代码是

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

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

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

【讨论】：

指提问者确切想要重新设置overflow-x 属性（而不是overflow 属性。）

【解决方案3】：

答案很简单，给overflow属性设置空值就够了。

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

【讨论】：

【解决方案4】：

为div注册jquery点击事件
点击时，移除溢出并将宽度设置为 100%

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

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

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

【讨论】：