如何使用JavaScript设计样式

如何使用JavaScript设计样式,javascript,css,Javascript,Css,我正在尝试使用JavaScript的样式属性。但是,很明显,我把它弄错了。我是JavaScript新手,所以对JavaScript的styleattribute有一个大致的了解会很好。我想更改JavaScript元素的位置、颜色和文本装饰等。我认为在HTML中声明divchangeMe的样式属性将应用于JavaScript。因为JavaScript需要它的id。我想使用div中的所有样式属性。我缺少什么?以下是我的尝试: <div id="changeMe" style="position

我正在尝试使用JavaScript的样式属性。但是,很明显,我把它弄错了。我是JavaScript新手,所以对JavaScript的
style
attribute有一个大致的了解会很好。我想更改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>

请帮我理解一下结构。我被卡住了。谢谢这里肯定有点可疑

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

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

// To change the <a> style inside the 'changeMe' <div>
var alinks = text.getElementsByTagName("a");
for (var i=0; i<alinks.length; i++) {
  alinks[i].style.textDecoration = "none";
}
var text=“aaa”.document.getElementById(“changeMe”);
//没有那些“aaa”
var text=document.getElementById(“changeMe”);

//要改变这一点,这里肯定有点可疑

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

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

// To change the <a> style inside the 'changeMe' <div>
var alinks = text.getElementsByTagName("a");
for (var i=0; i<alinks.length; i++) {
  alinks[i].style.textDecoration = "none";
}
var text=“aaa”.document.getElementById(“changeMe”);
//没有那些“aaa”
var text=document.getElementById(“changeMe”);

//要更改

您的JavaScript将在此处出错:

var text=“aaa”.document.getElementById(“changeMe”)

…因为
“aaa”
是一个字符串,而字符串没有
文档
属性。脚本的其余部分将不会执行

如果您修复了该行,则:

text.style.text装饰=“无”

…不会有任何效果。文本装饰链接样式的一部分,而不是div

您需要设置
元素的样式。如果您真的想通过JS访问它,那么您可以:

testElement.getElementsByTagName('a')[0]
但您可能最好只使用样式表:

#changeMe a { text-decoration: none; }

但请确保您做了其他事情,以明确无下划线的文本是一个链接。

您的JavaScript将在此处出错:

var text=“aaa”.document.getElementById(“changeMe”)

…因为
“aaa”
是一个字符串,而字符串没有
文档
属性。脚本的其余部分将不会执行

如果您修复了该行,则:

text.style.text装饰=“无”

…不会有任何效果。文本装饰链接样式的一部分,而不是div

您需要设置
元素的样式。如果您真的想通过JS访问它,那么您可以:

testElement.getElementsByTagName('a')[0]
但您可能最好只使用样式表:

#changeMe a { text-decoration: none; }

但是,请确保您做了其他事情,以明确无下划线的文本片段是一个链接。

您正在尝试设置
div
的样式,但您需要将
文本装饰
颜色
样式应用于
a
标记本身,以使其生效


顺便说一句,所有这些都可以通过级联样式表轻松完成。

您正在尝试设置
div
的样式,但是您需要将
文本装饰
颜色
样式应用于
a
标记本身,以使其生效

document.getElementById("changeMe").firstChild.style.textDecoration = "none";
顺便说一句,所有这些都可以通过级联样式表轻松完成

document.getElementById("changeMe").firstChild.style.textDecoration = "none";
工作示例:


工作示例:

我想对javascript链接(text.link)使用div“changeME”的所有样式属性,但它不起作用。我该怎么做?什么是
检查
?您认为
“aaa”文档应该是什么?你认为
text
应该是什么?我认为访问并观看他们所有的免费课程(如果你有时间限制,只需观看JavaScript课程,并将jQuery课程留到以后)会对你有很大的好处。您将从他们那里很好地了解JavaScript,这将帮助您解决自己的问题,或者至少有助于您在此网站上提出更好的问题。@user893970-您不能。“样式”属性仅允许您设置应用该属性的元素的样式。这是一个非常有限且丑陋的工具,这就是为什么首选真正的样式表(非常强大)。我想对javascript链接(text.link)使用div“changeME”的所有样式属性,但它不起作用。我该怎么做?什么是
检查
?您认为
“aaa”文档应该是什么?你认为
text
应该是什么?我认为访问并观看他们所有的免费课程(如果你有时间限制,只需观看JavaScript课程,并将jQuery课程留到以后)会对你有很大的好处。您将从他们那里很好地了解JavaScript,这将帮助您解决自己的问题,或者至少有助于您在此网站上提出更好的问题。@user893970-您不能。“样式”属性仅允许您设置应用该属性的元素的样式。这是一个非常有限和丑陋的工具,这就是为什么真正的样式表是首选的(非常强大)。