getElementById获得div <a> 之间的值
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;
分享到:
相关推荐
- A `<table><head><th>` - B `<table><tr><td>` - C `<table><bady><tr>` - D `<table><head><footer>` - **解析**: - HTML表格由`<table>`标签定义,`<tr>`代表表格行,`<td>`代表表格单元格。 - **答案**:...
<td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> </body> </html> 给tr设置relative后就能相对table定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以...
<li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> <!-- 其他导航项 --> </ul> </div> ``` 接下来,我们使用CSS来样式化这个导航条。为了使其固定在底部,...
- **随机滤镜应用函数** `xiaoguo()`:此函数中首先调用`Math.random()`生成一个0到1之间的随机数,然后将其乘以23得到一个介于0到23之间的值。这个值被用来设置`<img>`标签的`filters.revealTrans.Transition`属性...
你可以将上面的myfile.xml修改一下,比如将< email>改为< Email>,然后用IE5直接打开myfile.xml,会得到一个出错信息页面: <?xml version="1.0" encoding="GB2312"?> <myfile> <title>XML轻松学习手册</title> ...
<div id="div"> <a id="link" href="http://www.cnblogs.com/zhuzhenwei918">918 之初</a> </div> </div> <script> var link = document.getElementById("link"); link.addEventListener("click", function...
- 示例中,`document.getElementById("outer").outerHTML` 将返回 `<span id="outer"><span id="inner">text</span></span>`。 - **`innerText`:** - 获取或设置指定元素内部的纯文本内容,不包括任何 HTML 标签...
// 选取所有<div>下的<p>元素 $("div.container"); // 选取class为container的<div> $("div #msg"); // 选取<div>下的id为msg的元素 $("table a", context); // 在特定上下文(context)中选取table里的链接元素 ``` ...
- 使用`$("div").eq(1)[0]`或`$("div").get(1)`可以获取索引为1的`<div>`元素的原生DOM对象。 这些转换在我们需要使用原生JavaScript API时非常有用。 #### 三、获取和设置值 jQuery提供了一系列方便的方法来...
- 通过`<img>`标签加载图片资源,以及`<a>`标签实现链接跳转和关闭窗口的功能。 #### 动态绑定事件与初始化 最后,代码通过`setInterval`函数定时调用`heartBeat()`,确保窗口随页面滚动实时更新位置。同时,定义...
例如,获取第三个`<div>`元素: ```javascript // 使用jQuery方法 var content = $('div').eq(2).html(); // 使用DOM属性 var content = $('div').get(2).innerHTML; ``` #### 4. 同一函数实现set和get操作 ...
- **通过标签名选择元素**:`$("tagName")`,例如`$("div")`将选取页面上所有的`<div>`元素。 - **通过DOM或XPath选择元素**:虽然不是直接的jQuery方法,但在某些情况下可以先使用原生JavaScript或其他库来获取元素...
这样可以确保`<a>`标签在不同浏览器中的表现一致,并且能够正确地设置菜单栏的高度。 #### 3. 使用:hover伪类时的兼容性问题 在CSS中使用`:hover`伪类时,IE和FF的表现可能会有所不同。为了兼容IE,我们可以采用`:...
<div id="result"></div> <script> document.getElementById('rollButton').addEventListener('click', function() { let result = diceRoll(); document.getElementById('result').innerText = `您掷出了:${...
">这是个浮动提示</div> <button onmouseover="document.getElementById('tooltip').style.display='block';" onmouseout="document.getElementById('tooltip').style.display='none';"> 悬停我 </button> ``` 在...
例如,若想获取第三个<div>元素的内容,我们可以使用这两种方法: ```javascript $("div").eq(2).html(); // 使用jQuery方法 $("div").get(2).innerHTML; // 使用DOM方法 ``` 对于同一个函数实现获取(get)和设置...
- **元素节点**:表示HTML或XML文档中的元素,例如`<div>`、`<p>`等。 - **属性节点**:表示元素的属性,例如`<img src="image.jpg">`中的`src`属性。 - **文本节点**:表示元素中的文本内容。 ##### 4.3.2 操作DOM...
- **通过 多重选择**:`$("div p")` 选择所有 `<div>` 内部的 `<p>` 元素 - **使用 DOM 或 XPath 条件**:虽然 jQuery 不直接支持 XPath,但它提供了一套丰富的选择器语法,可以满足大多数需求。 通过这些选择器...