Javascript SetAttribute函数在Chrome浏览器中未按预期工作

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_属性

我的一个类给了我一个例子,它动态地对齐一个“div”元素,但由于某种原因,它似乎在Chrome中不起作用。教授不能给我一个合理的理由来解释它为什么会发生。它在IE中运行良好


示例:获取属性
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标准。