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

getElementById获得div <a> 之间的值

    博客分类:
  • js
阅读更多


get-Element-By-Id,就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签,条件很简单就是给每个标签分配一个ID号:

document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img").width;
document.getElementById("img").height;
document.getElementById("input").value;

那么如何取得<div></div>以及<a></a>之间的值呢?如<div id="div">aaa</div>中的aaa,<a href="#" id="link">bbb</a>中的bbb,也很简单,利用innerHTML就可以了:

document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
分享到:
评论

相关推荐

    php课后习题及答案[文].pdf

    - A `&lt;table&gt;&lt;head&gt;&lt;th&gt;` - B `&lt;table&gt;&lt;tr&gt;&lt;td&gt;` - C `&lt;table&gt;&lt;bady&gt;&lt;tr&gt;` - D `&lt;table&gt;&lt;head&gt;&lt;footer&gt;` - **解析**: - HTML表格由`&lt;table&gt;`标签定义,`&lt;tr&gt;`代表表格行,`&lt;td&gt;`代表表格单元格。 - **答案**:...

    JavaScript Table行定位效果

    &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; 给tr设置relative后就能相对table定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以...

    CSS+DIV固定底部的漂浮导航条(多浏览器兼容)

    &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;联系我们&lt;/a&gt;&lt;/li&gt; &lt;!-- 其他导航项 --&gt; &lt;/ul&gt; &lt;/div&gt; ``` 接下来,我们使用CSS来样式化这个导航条。为了使其固定在底部,...

    js+css 滤镜 切换图片

    - **随机滤镜应用函数** `xiaoguo()`:此函数中首先调用`Math.random()`生成一个0到1之间的随机数,然后将其乘以23得到一个介于0到23之间的值。这个值被用来设置`&lt;img&gt;`标签的`filters.revealTrans.Transition`属性...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    你可以将上面的myfile.xml修改一下,比如将&lt; email&gt;改为&lt; Email&gt;,然后用IE5直接打开myfile.xml,会得到一个出错信息页面: &lt;?xml version="1.0" encoding="GB2312"?&gt; &lt;myfile&gt; &lt;title&gt;XML轻松学习手册&lt;/title&gt; ...

    js中的事件对象解析1

    &lt;div id="div"&gt; &lt;a id="link" href="http://www.cnblogs.com/zhuzhenwei918"&gt;918 之初&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt; var link = document.getElementById("link"); link.addEventListener("click", function...

    javascript试题及答案推荐文档.doc

    - 示例中,`document.getElementById("outer").outerHTML` 将返回 `&lt;span id="outer"&gt;&lt;span id="inner"&gt;text&lt;/span&gt;&lt;/span&gt;`。 - **`innerText`:** - 获取或设置指定元素内部的纯文本内容,不包括任何 HTML 标签...

    jquery基本语法.pdf

    // 选取所有&lt;div&gt;下的&lt;p&gt;元素 $("div.container"); // 选取class为container的&lt;div&gt; $("div #msg"); // 选取&lt;div&gt;下的id为msg的元素 $("table a", context); // 在特定上下文(context)中选取table里的链接元素 ``` ...

    jQuery常用技巧

    - 使用`$("div").eq(1)[0]`或`$("div").get(1)`可以获取索引为1的`&lt;div&gt;`元素的原生DOM对象。 这些转换在我们需要使用原生JavaScript API时非常有用。 #### 三、获取和设置值 jQuery提供了一系列方便的方法来...

    微信图片浮动代码

    - 通过`&lt;img&gt;`标签加载图片资源,以及`&lt;a&gt;`标签实现链接跳转和关闭窗口的功能。 #### 动态绑定事件与初始化 最后,代码通过`setInterval`函数定时调用`heartBeat()`,确保窗口随页面滚动实时更新位置。同时,定义...

    jquery语法和注意事项

    - **通过标签名选择元素**:`$("tagName")`,例如`$("div")`将选取页面上所有的`&lt;div&gt;`元素。 - **通过DOM或XPath选择元素**:虽然不是直接的jQuery方法,但在某些情况下可以先使用原生JavaScript或其他库来获取元素...

    ie和ff浏览器的兼容

    这样可以确保`&lt;a&gt;`标签在不同浏览器中的表现一致,并且能够正确地设置菜单栏的高度。 #### 3. 使用:hover伪类时的兼容性问题 在CSS中使用`:hover`伪类时,IE和FF的表现可能会有所不同。为了兼容IE,我们可以采用`:...

    骰子滚子评估

    &lt;div id="result"&gt;&lt;/div&gt; &lt;script&gt; document.getElementById('rollButton').addEventListener('click', function() { let result = diceRoll(); document.getElementById('result').innerText = `您掷出了:${...

    备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示

    "&gt;这是个浮动提示&lt;/div&gt; &lt;button onmouseover="document.getElementById('tooltip').style.display='block';" onmouseout="document.getElementById('tooltip').style.display='none';"&gt; 悬停我 &lt;/button&gt; ``` 在...

    jQuery 常见开发使用技巧总结

    例如,若想获取第三个&lt;div&gt;元素的内容,我们可以使用这两种方法: ```javascript $("div").eq(2).html(); // 使用jQuery方法 $("div").get(2).innerHTML; // 使用DOM方法 ``` 对于同一个函数实现获取(get)和设置...

    JavaScript基于对象编程

    - **元素节点**:表示HTML或XML文档中的元素,例如`&lt;div&gt;`、`&lt;p&gt;`等。 - **属性节点**:表示元素的属性,例如`&lt;img src="image.jpg"&gt;`中的`src`属性。 - **文本节点**:表示元素中的文本内容。 ##### 4.3.2 操作DOM...

    Jquery 常用方法经典总结

    - **通过 多重选择**:`$("div p")` 选择所有 `&lt;div&gt;` 内部的 `&lt;p&gt;` 元素 - **使用 DOM 或 XPath 条件**:虽然 jQuery 不直接支持 XPath,但它提供了一套丰富的选择器语法,可以满足大多数需求。 通过这些选择器...

Global site tag (gtag.js) - Google Analytics