如何删除溢出:自动属性?
问题描述:
我已经设置溢出属性为汽车的股利。但是当我点击一个按钮时,我希望div应该展开,并且需要移除overflow属性。如何删除溢出:自动属性?
#viewNotings{
width: 310px;
overflow-x: auto;
}
我想在不同的页面中删除此溢出属性。
答
- 注册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>
答
正确的代码
document.getElementById("viewNotings").style.cssText="overflow-x:visible;";
https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText
cssText返回或设置元素的内嵌样式只声明的文本。
+0
指的是提问者确实想要重新设置一个'overflow-x'属性(而不是'overflow'属性。) –
这与JavaScript/JSP无关。 – Raptor