`
pumaboyd
  • 浏览: 247806 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

innerHTML和P标签

JavaScriptHTML 
阅读更多

Tips：P标签不可innerHTML中包含div
知道P标签下插入div标签是不符合W3C规范的。但确一直没意思到，当你用javascript操作DOM结构时，如果使用inerHTML插入P标签中的内容有div，IE6将会提示错误。
可以复制下面的代码在IE6测试一下：

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>Test</title>
</head>
<script>
var page  =
{
SetElementP:function()
{
document.getElementById(”p1″).innerHTML=”<div>www.pumaboyd.com</div>”;
},
SetElementDIV:function()
{
document.getElementById(”div1″).innerHTML=”<div>www.pumaboyd.com</div>”
}
}
</script>
<body>
<input type=”button” onclick=”page.SetElementP(’sss’)” value=”P”  />
<input type=”button” onclick=”page.SetElementDIV(’sss’)” value=”div” />
<p id=”p1″></p>
<div id=”div1″></div>
</body>
</html>

分享到：
| [转] 有关敏捷的若干思考
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    python教程-04-获取和设置标签内容(innerHTML).ev4.rar

    这个Python教程-04-获取和设置标签内容(innerHTML)将详细解释这些库的使用方法，通过观看`python教程-0-04-获取和设置标签内容(innerHTML).ev4.mp4`视频，你可以得到更直观的演示和实例，帮助你更好地理解和掌握这些...

    InnerHtml和InnerText的区别分析

    例如，如果你有一个HTML段落元素`&lt;p&gt;`，其中包含`&lt;b&gt;`标签来强调某些文字，`InnerText`将会把`&lt;b&gt;`标签视为文本并一起输出，而不会将其解析为加粗的文本。在读取`InnerText`时，它会返回元素内部的所有文本，不包括...

    详谈innerHTML innerText的使用和区别

    在上面的示例代码中，我们可以看到，innerHTML、outerHTML、innerText和outerText都可以用来获取或设置标签之间的内容，但它们之间的区别在于是否包括HTML标签和自身标签。 innerHTML、outerHTML、innerText和...

    innerHTML_outerHTML.rar_javascript

    在实际开发中，`innerHTML` 和 `outerHTML` 经常结合DOM操作一起使用，以实现动态网页内容的创建和更新。然而，需要注意的是，频繁使用这两个属性可能会对性能造成影响，因为它们会重新解析和渲染整个HTML片段。因此...

    innerHTML中标签可以换行的方法汇总

    本文将探讨在使用`innerHTML`时如何实现代码的可读性，让HTML标签可以在字符串中换行。 首先，让我们看看一种简单的实现方法。在HTML代码中，我们可以在每个标签的末尾添加反斜杠（\），这表示字符串应该继续到下一...

    innerHtml用法精解

    p.innerHTML = str + " &lt;br/&gt;" + Math.random(); setTimeout('Test();', 1000); } ``` 此段代码的主要逻辑如下： 1. **字符串构建**：通过连续的字符串拼接，构建了一个包含文本和HTML标签的字符串。 2. **...

    python的xpath获取div标签内html内容,实现innerhtml功能的方法

    总的来说，虽然Python的XPath不直接支持`innerHTML`操作，但通过结合`lxml`库和自定义函数，我们可以实现类似的功能，提取HTML标签内的完整内容。需要注意的是，处理HTML时应确保考虑到各种可能的复杂情况，如嵌套的...

    js 通过html()及text()方法获取并设置p标签的显示值

    在JavaScript中，我们可以使用jQuery的id选择器和text()方法来动态设置这个p标签的内容： ```javascript $("#p1234").text("好友的名字"); // 假设好友的名字是“好友的名字” ``` 通过上述方法，我们就可以根据...

    非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签

    本文将详细介绍一种模拟打字效果的实现方式，该效果目前仅支持纯文本、` `（换行）标签和`&lt;p&gt;`（段落）标签。通过分析提供的部分代码示例，我们将深入探讨其实现原理和技术细节。 #### 二、技术背景 在Web开发...

    使用innerHTML时注意处理空格和回车符(asp后台处理)

    然而，当使用 `innerHTML` 包含含有空格和回车符的数据时，可能会遇到一些问题。这是因为浏览器在解析HTML时，会将连续的空格视为一个空格，并且回车符（`\r\n` 或 `\n`）通常被解释为换行，这可能导致段落的意外...

    webview获取标签内容

    在这个例子中，JavaScript代码`document.getElementsByTagName('p').innerHTML.join('')`选取了所有的`&lt;p&gt;`标签，并合并它们的innerHTML（即标签内的文本）。`evaluateJavascript()`的第二个参数是一个回调，当...

    Vue中插入HTML代码的方法

    我们需要吧&lt;p&gt;Hello World&lt;/p&gt;插入到&lt;p&gt;My name is Pjee&lt;/p&gt;应该如何做？ 一、使用v-html v-html:更新元素的 innerHTML const text = `&lt;p&gt;Hello World&lt;/&gt;` &lt;p&gt; My name is Pjee &lt;p v-html='text'&gt;&lt;/p&gt; &lt;/p&gt; ...

    js使用html()或text()方法获取设置p标签的显示的值

    此方法类似于JavaScript中的innerHTML属性，可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容，可以这样： var p_html = $("p").html(); //获取p元素的HTML代码 如果需要设置某元素的HTML代码，...

    innerHTML,outerHTML,innerText,outerText的用法及区别解析

    div.innerHTML = '&lt;p&gt;新的内容&lt;/p&gt;'; ``` - 在上述例子中，`innerHTML`用于获取或改变`&lt;div&gt;`元素内的HTML代码。 2. **outerHTML** - `outerHTML` 属性用于获取或设置元素及其子元素的完整HTML表示形式，包括...

    s标签的应用和题目，程序演示

    【标题】：“s标签的应用和题目，程序演示” 在HTML语言中，`&lt;s&gt;`标签是一种非常基础且实用的元素，主要用于表示文本内容已经被修改、过时或者不再适用。这个标签通常用来划线，视觉上呈现出被删除或取消的效果，但...

    innerHTML，outerHTML,innerTEXT三者之间的区别

    - 获取时返回的是元素内的HTML源码，包括所有的子标签和文本。 - 设置时会替换掉原有内容，可以用来动态生成HTML结构。 - 当设置含有标签的字符串时，这些字符串会被解析成HTML并插入到页面中。 - **注意**：...

    js innerHTML 改变div内容的方法

    每个HTML元素都有一个`innerHTML`属性，它包含了该元素内部的开始标签和结束标签之间的HTML代码以及文本内容。当你修改一个元素的`innerHTML`属性值时，浏览器会解析新的HTML字符串，并更新该元素内的所有内容。这...

    Javascript中innerHTML用法实例分析

    首先，通过`document.getElementById('container')`获取到这个元素，然后定义了一个包含`&lt;p&gt;`标签的字符串`htmlcode`，最后将`htmlcode`赋值给`cont.innerHTML`，实现了将新的HTML内容替换掉原有的`&lt;div&gt;`内的内容。...

    js自动闭合html标签(自动补全html标记)

    代码如下: [removed] // Close HTML Tags ——————————————– function closeHTML(str){ var arrTags=[“span”,”font”,”b”,”u”,”i”,”h1″,”h2″,”h3″,”h4″,”h5″,”h6″,”p”,”li”,...

Magicbox
Global site tag (gtag.js) - Google Analytics