javascript - 如何使用 JavaScript 设置样式

Question

我正在尝试为 JavaScript 使用样式属性。但是，显然，我做错了什么。我是 JavaScript 的新手，所以关于 JavaScript 的 style 属性的一般概念会很棒。我想更改 JavaScript 元素的位置、颜色和文本装饰等。我认为在 HTML 中为 div changeMe 声明样式属性将应用于 JavaScript。因为，JavaScript 获取了它的 id。我想使用 div 中的所有样式属性。我哪里不见了？这是我的尝试:

<div id="changeMe" style="position: absolute;text-decoration: none; 
                          color: white;right:43%; top: 90px;">
    <a href="home.php" >Go to homepage</a>
</div>

Javascript:

var testElement = document.getElementById("changeMe");
var text = "aaa".document.getElementById("changeMe");
text.style.textDecoration = "none"; //I changed style here too because first did not       
//work.

check.onfocus= function()
{   
    testElement.innerHTML = text.link("index.php");;
}

请帮助我理解结构。我卡住了。谢谢

Answer 1

你的 JavaScript 会在这里出错:

var text = "aaa".document.getElementById("changeMe");

…自"aaa"是一个字符串并且字符串没有 document属性(property)。脚本的其余部分将不会执行。

如果你修复了那条线，那么:

text.style.textDecoration = "none";

... 不会有任何效果。 text-decoration 是链接 样式的一部分，而不是 div 的。

您需要为 <a> 设置样式元素。如果你真的想通过 JS 访问它，那么你可以:

testElement.getElementsByTagName('a')[0]

但您可能只使用样式表会更好:

#changeMe a { text-decoration: none; }

但是请确保您还做了其他事情来明确表示这段没有下划线的文本是一个链接。