resizing div width using HTML

Question

I'm building a chrome extension that uses HTML injection to insert my own DIV into a page. I want to resize it but I don't have access to the CSS. Is it possible to somehow force my div to resize it's width using HTML or javascript?

can you not resize the div with inline css? ie. style="height:100px"? — haxxxton
– haxxxton, Commented Dec 11, 2014 at 2:32

mwilson · Accepted Answer · 2014-12-11 02:39:15Z

1

You can resize it using javascript like so:

document.getElementById('yourDivId').style.height = "500px";
document.getElementById('yourDivId').style.width = "500px";

You could also try setting or adding the height attribute via JavaScript as well.

document.getElementById('yourDivId').setAttribute("height", "500px");
document.getElementById('yourDivId').setAttribute("width", "500px");

edited Dec 11, 2014 at 2:39

answered Dec 11, 2014 at 2:34

mwilson

13.1k10 gold badges65 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

baao · Accepted Answer · 2014-12-11 02:55:10Z

0

It works with javascript or with inline css here's how to:

HTML:

<div id="div" style="width:20px;height:20px;"></div>

Javascript:

var a = document.getElementById('div');
a.style.width = '200px';
a.style.height = '200px';

edited Dec 11, 2014 at 2:55

answered Dec 11, 2014 at 2:36

baao

73.5k18 gold badges152 silver badges208 bronze badges

1 Comment

Jay Harris Over a year ago

You should make the answer more specific to the question. ie remove the background color style.

Collectives™ on Stack Overflow

resizing div width using HTML

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related