例子来源：《Ajax 基础教程》 金灵 等译 这本书非常不错
<html>
<head>
<title>Using responseText with innerHTML</title>
<script>
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest() {
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "innerHTML.xml", true);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
document.getElementById("results").innerHTML = xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<form action="#">
<input type="button" value="Serrch for Today's Activeties" onClick="startRequest();">
</form>
<div id="results"></div>
</body>
</html>
innerHTML.xml
<table border="1">
<tbody>
<tr>
<th>Activity Name</th>
<th>Location</th>
<th>Time</th>
</tr>
<tr>
<td>Waterskiing</td>
<td>Dock #1</td>
<td>9:00 AM</td>
</tr>
<tr>
<td>Volleyball</td>
<td>East Court</td>
<td>2:00 PM</td>
</tr>
<tr>
<td>Hiking</td>
<td>Trail 3</td>
<td>3:30 PM</td>
</tr>
</tbody>
</table>
分享到：
相关推荐
innerHTML的使用document.getElementById("id").innerHTML = "contenttext";
在前端开发中，经常需要用到JavaScript来操作DOM元素，其中`innerHTML`和`innerText`是非常重要的属性，它们分别用于获取或设置元素内部的HTML内容和纯文本内容。下面我们将详细探讨这两个属性的区别、应用场景以及...
innerHTML属性在HTML DOM中广泛使用，用于设置或获取元素的HTML内容。然而，当涉及到Web Component的Shadow DOM时，直接操作innerHTML可能会变得复杂，因为Shadow DOM的设计初衷是保持封装性，避免直接的DOM操作导致...
标题中的"innerHtml（转）"可能是指HTML DOM（Document Object Model）中的一个属性`innerHTML`，这是一个非常关键的概念，特别是在JavaScript中用于处理HTML元素的内容。`innerHTML`允许我们获取或设置HTML元素内部...
soup = BeautifulSoup(html_content, 'html.parser') # 获取元素 element = soup.find('div', id='myDiv') # 获取innerHTML inner_html = element.get_text() # 设置innerHTML new_html = '<p>Hello, ...
在这个例子中，`innerHTML` 返回了 `<div id="test">` 元素中的所有 HTML 内容，包括 `<span>` 标签及其样式。 #### 使用场景 - 动态修改页面内容。 - 渲染数据到页面上，如展示用户评论等动态数据。 ### `...
在JavaScript中，`innerHTML`属性是一个非常常用的工具，用于设置或获取HTML元素的内部HTML内容。然而，有时候我们在使用`innerHTML`插入包含JavaScript代码的HTML时，会发现这些脚本并没有像预期那样执行。这个问题...
在JavaScript编程语言中，`innerHTML` 和 `outerHTML` 是两个非常重要的属性，它们用于处理HTML元素的内容。本文将深入探讨这两个属性的概念、用途以及它们之间的区别。 `innerHTML` 属性： `innerHTML` 用于获取或...
python的xpath没有获取div标签内html内容的功能，也就是获取div或a标签中的innerhtml，写了个小程序实现一下： 源代码 [webadmin@centos7 csdnd4q] #162> vim /mywork/python/csdnd4q/z040.py #去掉最外层标签，...
innerHTML 和 jQuery 中的 `.html()` 方法都是用于操作 HTML 元素的内容，但它们在使用时有一些关键的区别，尤其是在处理特定浏览器兼容性问题时。 首先，`innerHTML` 是一个原生的 JavaScript 属性，用于获取或...
innerHTML 属性可以获取 HTML 元素中的所有内容，包括 HTML 标签，而 innerText 属性可以获取 HTML 元素中的文本内容，去除 HTML 标签。outerHTML 属性可以获取 HTML 元素中的所有内容，包括 HTML 元素本身。 在...
今天遇到jquery中的html方法使用不了，只能用完最基本的innerHTML把内容展示出来。具体原因还没找到，肯定跟内容有关，展示不了的html放上来供以后检查原因，是我收到csdn的一封邮件。 <!DOCTYPE html PUBLIC ...
MySQL数据库是许多网站和应用程序的核心，它存储着各种关键数据。为了确保数据的安全性和可靠性，定期备份和恢复数据库显得尤为重要。... 在描述中提到，该工具能够实现以下几个核心功能： ...这通常涉及`mysqldump`命令...
.innerHTML、outerHTML、innerText、outerText是HTML文档对象模型（DOM）中四个常用的属性，它们都是用来操作HTML元素的内容的，但它们之间有着很大的区别。 .innerHTML .innerHTML是W3C标准属性，用于获取或设置...
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
在网页开发中，innerHTML属性是JavaScript中用于读取或设置HTML元素内HTML内容的重要工具。本文将探讨如何利用innerHTML实现页面元素的隐藏与显示效果，同时提供两种不同的实现方法。 首先，我们需要理解innerHTML...
`innerHTML`是HTML DOM（Document Object Model）的一个属性，用于获取或设置某个元素内的HTML内容。使用`innerHTML`，开发者可以直接操作HTML内容，从而实现动态网页的效果。 - **获取HTML内容**： ```javascript...
08-innerText和innerHTML的区别.html 09-操作元素之修改元素属性.html 10-分时问候并显示不同图片案例.html 11-操作元素之表单属性设置.html 12-仿京东显示隐藏密码.html 13-操作元素之修改样式属性.html 14-关闭...
在JavaScript编程中，`innerHTML`是一个非常重要的属性，它允许我们动态地修改HTML元素的内容，包括文本、HTML标记以及它们的组合。这个特性在构建交互式网页和动态更新页面内容时非常有用。本文将深入探讨如何通过...
v-html:更新元素的 innerHTML const text = `<p>Hello World</>` My name is Pjee <p v-html='text'></p> 注意：你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信...