`
houday123
  • 浏览: 217256 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何访问<div>的子节点的内容

 
阅读更多

<div id="mydiv" style="display:none"></div>

 

   var b=document.getElementById("mydiv");
   b.innerHTML="<div>您好</div>";
   
   var str=b.childNodes[0].innerHTML;
   那么打印str将为 "您好"

 

关键是childNodes方法的使用.

分享到:
评论

相关推荐

    html树目录演示代码css+div+javascript

    &lt;li&gt;子节点1&lt;/li&gt; &lt;li&gt;子节点2&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; 节点2 &lt;ul&gt; &lt;li&gt;子节点3&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; ``` 接下来,CSS用于美化和布局。我们可以利用CSS的伪类和嵌套选择器来实现折叠和展开的效果。例如...

    css的选择器

    - `div &gt; p`:选择直接位于`&lt;div&gt;`元素内的`&lt;p&gt;`元素。 - **相邻兄弟选择器**:使用`+`来选择紧跟在另一元素后的元素。 - **例子**: - `div + p`:选择紧跟在`&lt;div&gt;`元素后面的`&lt;p&gt;`元素。 - **一般兄弟选择器**...

    DOM节点中元素节点与文本节点操作方法.pdf

    ```html&lt;div id="content"&gt; 文本节点1 &lt;div&gt;a&lt;/div&gt; 文本节点2 &lt;div&gt;b&lt;/div&gt; 文本节点3 &lt;div&gt;c&lt;/div&gt; 文本节点4&lt;/div&gt;&lt;script&gt;var contentDiv = document.getElementById('content');contentDiv.textContent = '新的...

    N级导航标签

    &lt;div class="banner"&gt;{PE.Label id="自设内容" nodeid="{PE.Label id="取得第N级父节点ID" nodeid="&lt;xsl:value-of select="$currentId"/&gt;" depth="1"/}" num="1" /} &lt;/div&gt; &lt;div id="nav"&gt; &lt;a class="home" ...

    HTMLParser抽取Web网页正文信息.doc

    此外,还需要考虑上下文的相关性,这可能涉及到对内容块内嵌套标签的分析,如 `&lt;div&gt;`内的其他标签,以及`&lt;p&gt;`标签中是否含有`&lt;div&gt;`, `&lt;script&gt;`或内嵌`&lt;p&gt;`。如果存在这些情况,可能会认为内容不相关。 总的来说...

    jquery accordion tree 菜单栏 框架示例

    &lt;li&gt;&lt;span&gt;子节点1.1&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;子节点1.2&lt;/span&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;!-- 更多节点以此类推 --&gt; &lt;/ul&gt; ``` 接着,为树形结构和Accordion功能分别初始化: ```javascript $(function() { $("#...

    HTML基本标签和代码示例

    HTML文件通常呈现出树形结构,根节点是`&lt;html&gt;`标签,它包含两个主要子节点:`&lt;head&gt;`和`&lt;body&gt;`。`&lt;head&gt;`标签用于存放元信息,如字符集设置(`&lt;meta charset="UTF-8"&gt;`)、页面描述(`&lt;meta name="description"`)...

    (HTMl个人作品)网上书店

    &lt;span&gt;或&lt;div&gt;标签进行文本或区块的样式控制。 此外,HTML还支持表格(&lt;table&gt;)、表单(&lt;form&gt;)、图像映射(&lt;map&gt;)等复杂元素,可用于展示书籍分类、用户搜索功能或购物车等。在这个网上书店项目中,如果包含...

    复制并拖拽Div

    在`&lt;div&gt;`标签中加入`contenteditable="true"`,用户就可以直接在浏览器中对`div`内容进行编辑了。同时,还需要考虑键盘事件处理,比如回车键分段、撤销/重做操作等。 至于标签提到的“HTML”,这是网页内容的基本...

    《Html》前端学习笔记

    `&lt;html&gt;`内有两个重要的子节点:`&lt;head&gt;`和`&lt;body&gt;`。`&lt;head&gt;`包含了元信息,如字符集设置(如`&lt;meta charset="utf-8"&gt;`),文档标题(`&lt;title&gt;`)以及外部资源的链接(如样式表`&lt;link&gt;`)。`&lt;body&gt;`则承载着网页...

    Jquery选择器大全

    4. `$("td:parent")` - 选取作为父节点的 `&lt;td&gt;` 元素。 可视化过滤选择器关注元素的可见性: 1. `$("div:hidden")` - 选取所有隐藏的 `&lt;div&gt;` 元素。 2. `$("div:visible")` - 选取所有可视的 `&lt;div&gt;` 元素。 ...

    HTMLParser抽取Web网页正文信息

    对于`&lt;p&gt;`和`&lt;div&gt;`节点,系统会评估其内容块的相关性。内容块通常指包含文本信息的区域,例如`&lt;table&gt;`、`&lt;div&gt;`和`&lt;p&gt;`。内容相关性判断包括局部相关性和上下文相关性。 局部相关度(LocalRel)是通过内容块中的...

    交换两个div的位置

    在前端开发中,有时我们需要通过JavaScript来动态地调整页面元素的位置,比如实现两个`&lt;div&gt;`元素的位置互换。本篇文章将详细解析如何通过JavaScript实现这一功能,并深入探讨相关技术细节。 #### 核心概念与原理 ...

    jQuery简单选择器

    - `:empty`:选取没有子元素或文本的空元素,例如`$("div:empty")`会选择不包含子元素(包括文本节点)的`&lt;div&gt;`元素。 - `:has(selector)`:选取包含指定选择器匹配的元素的元素,例如`$("div:has(p)")`会选择...

    xpath css cheat sheet by灰蓝.pdf

    - `div&gt;a` 表示选择`&lt;div&gt;`元素的直接子元素`&lt;a&gt;`。 - `div#idValuea` 表示选择id为'idValue'的`&lt;div&gt;`元素下的`&lt;a&gt;`标签。 - `div.classValuea` 表示选择class为'classValue'的`&lt;div&gt;`元素下的`&lt;a&gt;`标签。 2. *...

    无限级可刷新Js树型菜单

    &lt;li&gt;子节点1.1&lt;/li&gt; &lt;li&gt;子节点1.2&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;父节点2 &lt;ul&gt; &lt;li&gt;子节点2.1&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; ``` **二、CSS美化** CSS用于定义样式和布局,让树型菜单看起来更美观。可以设置`&lt;li&gt;`的...

    jQury-DOM篇学习笔记

    如果要同时创建文本节点,可以直接将文本内容包含在HTML字符串中,如`$("&lt;div&gt;我是文本节点&lt;/div&gt;")`。设置属性则可以通过添加属性标签,如`$("&lt;div id='test' class='aaron'&gt;我是文本节点&lt;/div&gt;")`,创建了一个具有...

    JavaScript dtree

    &lt;li&gt;子节点1.1&lt;/li&gt; &lt;li&gt;子节点1.2&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;节点2&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;script&gt; var tree = new dTree('tree', { theme: 'default', data: document.getElementById('tree') }); &lt;/script&gt;...

Global site tag (gtag.js) - Google Analytics