Javascript document.getElementById并使用classname

我有以下HTML代码：

<div id="story" class="componentBox">
  <h1 class="articleTitle">Parlamentarzyści nie stracą emerytur</h1>
  <div class="artDetails">19 kwietnia 2016 | Kraj |  Wiktor Ferfecki</div>
  <div class="storyContent">

以及检索

artDetails

document.getElementById("story").getElementsByTagName("div")[0].innertext

我认为最好使用标题，即

articletTitle

和

artDetails

。我根本不知道该怎么做。我尝试了

document.getElementById（“故事”）.getElementByClassName（“articleTitle”）[0]。innertext

，但它抛出并出错。

您可以使用选择元素并使用HTMLNode上的属性来获取元素的文本内容

var title = document.querySelector('#story .articleTitle').textContent;

var details = document.querySelector('#story .artDetails').textContent;

var title=document.querySelector（'#story.articletTitle'）.textContent；
var details=document.querySelector（“#story.artDetails”）.textContent；
document.body.innerHTML='Title:'+Title+'
详细信息：'+Details

埃默里图尔酒店
19 Kwitnia 2016 | Kraj | Wiktor Ferfecki
您可以使用来选择元素，并使用HTMLNode上的属性来获取元素的文本内容

var title = document.querySelector('#story .articleTitle').textContent;

var details = document.querySelector('#story .artDetails').textContent;


var title=document.querySelector（'#story.articletTitle'）.textContent；
var details=document.querySelector（“#story.artDetails”）.textContent；
document.body.innerHTML='Title:'+Title+'
详细信息：'+Details

埃默里图尔酒店
19 Kwitnia 2016 | Kraj | Wiktor Ferfecki
虽然您可以使用该函数以特定类为目标，但如果您想以特定元素为目标，则最好使用如下所示的函数：

// Get the title (i.e. the "articleTitle" class below an element with ID "story"
var title = document.querySelector('#story .articleTitle').textContent;
// Do the same for the details...
var details = document.querySelector('#story .artDetails').textContent;

您可以看到一个示例，并在下面演示：

虽然您可以使用该函数以特定类为目标，但如果您想以特定元素为目标，则最好使用如下所示的函数：

// Get the title (i.e. the "articleTitle" class below an element with ID "story"
var title = document.querySelector('#story .articleTitle').textContent;
// Do the same for the details...
var details = document.querySelector('#story .artDetails').textContent;

您可以看到一个示例，并在下面演示：

我强烈建议您调查一下。它将帮助你用更少的钱做更多的事。因此，与其这样做，不如：

document.getElementById("story").getElementsByTagName("div")[0].innertext

你可以这样写：

$('#story .artDetails')[0].innertext

而且你仍然可以完成同样的事情。
我强烈建议你深入研究。它将帮助你用更少的钱做更多的事。因此，与其这样做，不如：

document.getElementById("story").getElementsByTagName("div")[0].innertext

你可以这样写：

$('#story .artDetails')[0].innertext

你仍然可以完成同样的事情。
使用
querySelector
代替。使用
querySelector
代替。两个答案都很完美。我想接受的答案是第一个，因此做出了决定。两个答案都是完美的。我想接受的是第一个，因此我做出了决定。