Why this not working in JS?? getElementById().style.width += 40 + “px”;
Question
I'm trying to write a shorthand method getElementById().style.width += 40 + "px"; for changing element width in DOM via JavasScript but it isn't working. Any working solutions to achieve that?
2 answers
solution1
2 2015-06-28 06:02:31
if document.getElementById(id).style.width returns "10px"
then document.getElementById(id).style.width += 40 + "px" will be "10px40px"
solution2
2 2015-06-28 07:27:29
Shorthand assignment is not possible. but you should try the following:
document.getElementById("div1").style.width = (parseInt(document.getElementById("div1").style.width) + 40) + "px";
Note: replace [id] with an appropriate id.
Full example code:
<html>
<head>
<title></title>
<script type="text/javascript">
function incrementWidth() {
document.getElementById("div1").style.width = (parseInt(document.getElementById("div1").style.width) + 40) + "px";
}
</script>
</head>
<body>
<div id="div1" style="height:100px;width:40px;background-color:orange;"></div>
<button onclick="incrementWidth();">INCREMENT</button>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
document.getElementById('box').style.width=“10px”; Doesn't work?
style.width is not working for innerWidth
Style.length and Style.width are not working
document.getelementbyid().style.width has no value
document.getElementById('nav').style.width - works then stops
Uncaught TypeError: Cannot read properties of undefined (reading 'style') style.width="200px"
javascript style.width not working in firefox with transitional doctype
Style.width and left doesn't work
Difference between style.width and offsetwidth in HTML?
Javascript - Variable inside “style.width =”
Related Tags