`
zllzgg
  • 浏览: 32274 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

innerHTML 和 pasteHTML 区别

阅读更多
innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它

pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上
例:
<Script Language="JavaScript">
       function addLink(){
          var oRange = document.selection.createRange();
          if(oRange.text!=''){
             var oUrl = window.prompt('链接网址...','http://www.163.com/');
             var oHtml = '<a href='+oUrl+' target=_blank>'+oRange.text+'</a>';
             oRange.pasteHTML(oHtml);
          }else{
             window.alert('您没有选择加链接的文字!');
          }
       }
</Script>
网易   新浪   搜狐<br><br>
<input type="button" value="添加链接" onclick="addLink();">
分享到:
评论

相关推荐

    JS中innerHTML和pasteHTML的区别实例分析

    在JavaScript中,innerHTML和pasteHTML都是用于操作HTML文档对象模型(DOM)的两个关键特性,但它们在使用和功能上存在显著的区别。 innerHTML属性是一个非常常用的方法,它允许我们获取或设置HTML元素内部的全部...

    ckeditor_notion_pastehtml

    总的来说,"ckeditor_notion_pastehtml"项目展示了如何利用JavaScript和CKEditor的API来改进用户体验,特别是在处理复杂HTML粘贴场景时。它提醒我们,尽管富文本编辑器提供了很多便利,但定制化的需求总是存在的,而...

    JavaScript中在光标处插入添加文本标签节点的详细方法

    此外,文章中还提到了innerHTML和pasteHTML()方法的区别。innerHTML是HTML元素的一个属性,它用于获取或者设置元素内的HTML内容。而pasteHTML()是DocumentSelection对象的一个方法,用于在指定的文字区域内替换该...

    类似qq空间中的留言编辑器

    Ebody.innerHTML=Ebody.innerHTML.replace(_Text,_CText); }else{ if(confirm('没有选择清除对象,是要清除全部格式,仅保留基本文字?')){ Ebody.innerText=Ebody.innerText } } break; case 12: E...

    光标处插入,兼容IE6,IE7,FF等,适用于编辑器,浏览插入表情

    例如,IE不支持`getSelection().insertNode()`,而是使用`document.selection.createRange().pasteHTML()`。因此,我们需要针对每种浏览器实现不同的插入逻辑,以确保在所有浏览器中都能正常工作。 为了在编辑器中...

    javascript关键字实时自动高亮

    例如,使用`document.querySelectorAll`或`document.querySelector`结合`textContent`属性和正则表达式,找出所有包含关键词的文本节点,然后替换它们的父元素的`innerHTML`,或者使用`Element.replaceChild`方法...

    js设置文字颜色的方法示例

    通常,更推荐使用`Element.textContent`和`Element.innerHTML`结合`Range`对象和`Node`操作来实现,或者使用CSS类和`classList.add()`、`classList.remove()`方法来切换样式。 例如,你可以创建三个不同的CSS类,...

    js正文内容高亮效果的实现方法

    由于replace方法返回一个新的字符串,所以ele的innerHTML将会被替换成带有标签的新字符串,后者将匹配项高亮显示为红色字体。 需要注意的是,在使用正则表达式时,可能会出现关键字被部分匹配的情况。例如,若...

    一个符号插入器 中用到的js代码

    3. 创建一个范围对象,并使用`pasteHTML`方法将指定的HTML插入到当前光标位置。 ##### `appendHTML(html)` **功能描述**:此函数用于在编辑器内容的末尾追加指定的HTML。 **参数**: - `html`:要追加的HTML字符串...

    js完美实现@提到好友特效(兼容各大浏览器)

    $('at' + cur_index).innerHTML = "@" + this.innerHTML; $('at_box').style.display = 'none'; at_index++; }; vm.check_key = function(e) { var editor = $('editor'), range; if (e.shiftKey && e....

    javascript高亮效果的二种实现方法

    ele.innerHTML = ele.innerHTML.replace(reg, "$1&lt;/font&gt;"); } window.onload = function() { highLight(document.getElementsByTagName("p")[0], "li,jin"); } // --&gt; &lt;p&gt;liujinzhong liujinzhong ...

    JavaScript操作选择对象的简单实例

    为了替换选中文本,我们创建一个新的`H1`元素,并设置其`innerHTML`为`text`,然后使用`r.insertNode(h1)`将其插入到选区,注意,这将在选区后追加新元素,若要替换原有内容,需先调用`sel.deleteFromDocument()`。...

    js使用小技巧

    document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ()"&gt;word 上一网页...

Global site tag (gtag.js) - Google Analytics