Question

首先，抱歉如果在开始时不清楚，但让我解释一下：我想从一个类获得div，并从文档中获取第一个<ul>（我正在使用博客）。我已经有了一个JS来获取第一个图像并创建一个像这样的缩略图：

//<![CDATA[
                            function bp_thumbnail_resize(image_url,post_title)
                            {
                              var show_default_thumbnail=true;
                              if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
                              image_tag='<img src="'+image_url.replace('/s72-c/','/')+'" class="postimg" alt="'+post_title+'"/>';
                              if(image_url!="") return image_tag; else return "";
                            }
                            //]]>

及以下，

 document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));

现在我想要的结构（因为由于其他元素的大小，我无法在主页中显示完整帖子）：

  <div class="Title1">
    <h3>Title</h3>
  </div>

  <ul>
   <li>DESCRIPTION1</li>
   <li>DESCRIPTION2</li>
  </ul>

Answer 1

您可以通过多种方式实现这一目标。很少是

var firstUL = document.getElementsByTagName('ul')[0];
var firstUL = document.querySelector("ul");

如果您还使用Jquery

$( "ul" ).first();

或

 $("ul:first")

Answer 2

如何从JavaScript中获取文档中的第一个元素？

你可以尝试一些简单的事情：

var firstUlElement = document.getElementsByTagName('ul')[0];

getElementsByTageName

的document方法

返回具有给定标记名称的元素的实时HTMLCollection。该搜索指定元素下面的子树，不包括元素本身。返回的列表是实时的，这意味着它会更新本身自动使用DOM树。

如here所述。

Answer 3

var firstUl = document.querySelector('ul');

如何从JavaScript中的文档中获取第一个<ul>元素？

3 个答案: