Question

我想通过javaScript访问类的“pdocCover”来设置body的宽度和高度。我该怎么办？

<?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>

Answer 1

使用jQuery

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

使用JavaScript

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

Answer 2

实现您的具体描述：

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

......但这可能不是你想要的。例如，您可以通过以下方式更快速，更清晰地访问body：

document.getElementsByTagName('body')[0]

如果您正在尝试这样做，这不会改变窗口本身的宽度或高度。除非您使用window.open创建新窗口，否则无法控制窗口大小。

Answer 3

document.getElementByClassName("Classname")应该返回具有类“classname”的对象数组。通过选择索引来选择你的：[0]第一个元素，[1]第二个元素。

如何通过javaScript访问类名

3 个答案: