如何使用javascript设置H1的颜色？_Javascript

如何使用javascript设置H1的颜色？

javascript

如何使用javascript设置H1的颜色？,javascript,Javascript,我想知道如何使用javascript设置H1标记中包含的文本的颜色。为此，我不能使用css 我试过的剧本是这样的- document.h1.style.color="#fff" 但这不起作用。请帮忙编辑- 我真的找不到适合这个的东西。实际上，我对javascript了解不多，遇到了一个问题，我必须使用javascript设置H1的颜色现在，除了使用p标记外，我如何做同样的事情。使用jQuery，您可以非常轻松地做到这一点： $('h1').css({'color' : '#fff'});

我想知道如何使用javascript设置H1标记中包含的文本的颜色。为此，我不能使用css

我试过的剧本是这样的-

document.h1.style.color="#fff"

但这不起作用。请帮忙

编辑-

我真的找不到适合这个的东西。实际上，我对javascript了解不多，遇到了一个问题，我必须使用javascript设置H1的颜色

现在，除了使用p标记外，我如何做同样的事情。

使用jQuery，您可以非常轻松地做到这一点：

$('h1').css({'color' : '#fff'});

使用jQuery，您可以非常轻松地做到这一点：

$('h1').css({'color' : '#fff'});

var h1Elements=document.getElementsByTagName（“h1”）；
对于（变量i=0；ivar h1Elements=document.getElementsByTagName（“h1”）；
对于（变量i=0；i
您需要获取元素。查找如下内容：
document.getElementsByTagName('H1')[0]

然后，您只需摆弄属性和样式。
您需要获取元素。查找如下内容：
document.getElementsByTagName('H1')[0]

然后你只需摆弄一下属性和样式。
请将此代码复制到任何编辑器中。.享受吧
<!DOCTYPE html>
<html>

<body>
<h1 id="h1">The content</h1> <h1>of the body</h1> element is displayed in your browser.
</br></br></br>
<div onclick="checkAll()"> Click me To See Change</div>
</body>
<script>
function checkAll() {
var divs = document.getElementsByTagName("h1");  // Access all <H1> present in your body.

for(var i = 0; i < divs.length; i++) {   //divs.length contain number of <h1> elements
  var div = divs[i];                     // Now access Each <H1> one-by-one
  div.style.color = 'green';             // Set Color Style of each <h1>
}
}
</script>
</html>


主体元素的内容将显示在浏览器中。




单击我查看更改
函数checkAll（）{
var divs=document.getElementsByTagName（“h1”）；//访问身体中的所有内容。
对于（var i=0；i
请将此代码复制到任何编辑器中..尽情享受吧
<!DOCTYPE html>
<html>

<body>
<h1 id="h1">The content</h1> <h1>of the body</h1> element is displayed in your browser.
</br></br></br>
<div onclick="checkAll()"> Click me To See Change</div>
</body>
<script>
function checkAll() {
var divs = document.getElementsByTagName("h1");  // Access all <H1> present in your body.

for(var i = 0; i < divs.length; i++) {   //divs.length contain number of <h1> elements
  var div = divs[i];                     // Now access Each <H1> one-by-one
  div.style.color = 'green';             // Set Color Style of each <h1>
}
}
</script>
</html>


主体元素的内容将显示在浏览器中。




单击我查看更改
函数checkAll（）{
var divs=document.getElementsByTagName（“h1”）；//访问身体中的所有内容。
对于（var i=0；i
非常感谢。这很有效。您能告诉我为什么我没有在代码中放入[0]时此脚本不起作用吗？文档。getElementsByTagName（'H1'）
将返回匹配元素的数组，现在要应用.style
方法，您需要DOM节点。这将选择第一个匹配项并应用样式。但是当我删除[0]时，这不会发生work@sdnr1假设您有2个
标记。getElementsByTagName（'H1'）将给出这个->['H1'，'H1']
。现在要将样式应用于特定元素，您需要特定元素，因此，[索引编号
].@sdnr1如果要选择所有h1
，此答案不正确，请参考的答案。非常感谢。这很有效。您能告诉我为什么我没有在代码中放入[0]时此脚本不起作用吗？文档。getElementsByTagName（'H1'）
将返回匹配元素的数组，现在要应用.style
方法，您需要DOM节点。这将选择第一个匹配项并应用样式。但是当我删除[0]时，这不会发生work@sdnr1假设您有2个
标记。getElementsByTagName（'H1'）将给出这个->['H1'，'H1']
。现在，要将样式应用于特定元素，您需要特定元素，因此，[索引编号
].@sdnr1如果要选择所有h1
，此答案不正确，请参阅的答案。我使用了，但可以找到解决问题的方法。您想为所有元素或特定元素设置颜色样式吗？@ameyarote，不建议建议建议谷歌搜索！如果你能提供一个答案，那会很有帮助@婴儿程序员“Aravind”-首先，任何人都必须自己寻找答案，如果他/她失败了，他/她可以问！停止自己尝试任何事情都是低估了自己。当心那件事<代码>自己先停下来尝试任何东西
然后谷歌会返回什么？我用过，但能找到解决问题的方法。你想为所有元素或特定元素设置颜色样式吗？@ameyarote，不建议建议谷歌搜索！如果你能提供一个答案，那会很有帮助@婴儿程序员“Aravind”-首先，任何人都必须自己寻找答案，如果他/她失败了，他/她可以问！停止自己尝试任何事情都是低估了自己。当心那件事<代码>自己先停下来尝试任何东西
然后谷歌会返回什么？这对我来说太复杂了。我只知道html和css，对javascript知之甚少。@sdnr1这既不复杂也不复杂。事实上，这是一个正确而明确的答案。如果你（显然）甚至不知道JS的基本知识，你应该先从JavaScript教程开始。这对我来说很有用，因为它设置了所有h1元素的颜色。你犯了一个错误，没有包括3你是什么意思？什么？很抱歉。我的意思是#在fff颜色之前这对我来说太复杂了。我只知道html和css，对javascript知之甚少。@sdnr1这既不复杂也不复杂。事实上，这是一个正确而明确的答案。如果你（显然）甚至不知道JS的基本知识，你应该先从JavaScript教程开始。这对我来说很有用，因为它设置了所有h1元素的颜色。你犯了一个错误，没有包括3你是什么意思？什么？很抱歉。我实际上是说#在fff颜色之前