Javascript SetAttribute函数在Chrome浏览器中未按预期工作
我的一个类给了我一个例子,它动态地对齐一个“div”元素,但由于某种原因,它似乎在Chrome中不起作用。教授不能给我一个合理的理由来解释它为什么会发生。它在IE中运行良好Javascript SetAttribute函数在Chrome浏览器中未按预期工作,javascript,Javascript,我的一个类给了我一个例子,它动态地对齐一个“div”元素,但由于某种原因,它似乎在Chrome中不起作用。教授不能给我一个合理的理由来解释它为什么会发生。它在IE中运行良好 示例:获取属性 CIW JavaScript专家 这个div标签的属性是什么 请现在点击按钮 var-div=null; 函数getValues() { if(div==null) { div=document.getElementById(“SetDiv”); } 警报(部门id); 警报(div.special_属性
示例:获取属性
CIW JavaScript专家
这个div标签的属性是什么
请现在点击按钮
var-div=null;
函数getValues()
{
if(div==null)
{
div=document.getElementById(“SetDiv”);
}
警报(部门id);
警报(div.special_属性);
警报(div.align);
var align=document.getElementById(“SetDiv”).getAttribute(“align”);
警报(“getAttribute=“+align”);
var align=document.getElementById(“SetDiv”);
align.setAttribute(“align”、“center”);
警报(“设置属性更改为中心!”);
align.setAttribute(“align”、“right”);
警报(“setAttribute更改为右侧!”);
align.setAttribute(“align”、“left”);
警报(“setAttribute更改为左侧!”);
}
试试这个
<!DOCTYPE html>
<html>
<head>
<title>Example: Getting Attributes</title>
</head>
<body>
<h3>CIW JavaScript Specialist</h3>
<hr>
<div id="SetDiv" special_attribute="CIW rules!" align="left">
<p><h3>What are the attributes of this div tag?</h3></p>
</div>
<input type="button" value="Click Me to move left!" onclick="moveMe('left')">
<input type="button" value="Click Me to move center!" onclick="moveMe('center')">
<input type="button" value="Click Me to move right!" onclick="moveMe('right')">
<p><h3>Please click the button now</h3></p>
<script type="text/javascript">
function moveMe(value) {
document.getElementById("SetDiv").setAttribute("align",value);
}
</script>
</body>
</html>
示例:获取属性
CIW JavaScript专家
这个div标签的属性是什么
请现在点击按钮
函数moveMe(值){
document.getElementById(“SetDiv”).setAttribute(“align”,value);
}
基本上,您是在dom更改反映回页面之前进行更改的。它按预期工作。问题是您使用的是
警报
,并且期望标准化的行为。您将无法使用它,也不应该再使用alert。如果您希望记录某些内容,请使用alert
不仅会阻止js执行,而且在某些浏览器(Chrome)中,它还会阻止页面的呈现。因此,您会觉得您的代码什么也没做,这是一种正确的行为,因为您正在同步重写您以前所做的。如果要正确使用该属性,请尝试在属性名称前面追加data-
,以符合HTML标准。