How to access class name by javaScript

Question

I want to access class"pdocCover" for set width and height of body by javaScript . How should I do?.

<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by PubliForge, $Date: 2012/02/03 12:17:54 $ -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>Couverture</title>
<link rel="StyleSheet" href="Css/reset.css" type="text/css"/>
<link rel="StyleSheet" href="Css/publidoc.css" type="text/css"/>
<link rel="StyleSheet" href="Css/main.css" type="text/css"/>
</head>
<body class="pdocCover">
<div>
  <img src="Images/9782919504060.png" alt="Couverture"/>
</div>
</body>
</html>

Duplicate : stackoverflow.com/questions/1933602/…

Pranav 웃
– Pranav 웃

2012-06-21 04:13:47 +00:00
Commented Jun 21, 2012 at 4:13 — Pranav 웃
– Pranav 웃, Commented Jun 21, 2012 at 4:13

Sudip · Accepted Answer · 2012-06-21 04:21:27Z

1

By using jQuery

$(".pdocCover").css("height","500px");
$(".pdocCover").css("width","500px");

By using JavaScript

document.getElementsByClassName('pdocCover').style.height="500px;"
document.getElementsByClassName('pdocCover').style.width="500px;"

answered Jun 21, 2012 at 4:21

Sudip

2,0512 gold badges13 silver badges16 bronze badges

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

3 Comments

Trufa Over a year ago

getElementsByClassName Only works in IE9 and none of the previous IEs. quirksmode.org/dom/w3c_core.html#t11

Dashzaki Over a year ago

@Trufa I use it to access class in iOS App .Thank you for your answer. ^^

Cecchi Over a year ago

getElementsByClassNamereturns a NodeList, similar to an Array, so the style property is undefined. You'll probably want to, in this case, pull out the first element or iterate through them all.

Cecchi · Accepted Answer · 2012-06-21 04:22:52Z

1

To achieve what you specifically described:

document.getElementsByClassName('pdocCover')[0].width = '100px'

... but that probably isn't what you want. For one you can access the body more quickly and clearly by doing:

document.getElementsByTagName('body')[0]

and this will not change the width or height of the window itself if that is what you are attempting to do. Unless you create a new window with window.open you do not have control of the window size.

answered Jun 21, 2012 at 4:22

Cecchi

1,5359 silver badges9 bronze badges

Comments

nimrod · Accepted Answer · 2012-06-21 04:40:03Z

0

document.getElementByClassName("Classname") should return array of object who have class "classname". choose your one by selecting the index: [0] the first element, [1] the second etc.

answered Jun 21, 2012 at 4:40

nimrod

1321 gold badge1 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to access class name by javaScript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related