JS中innerHTML和pasteHTML的区别实例分析
更新时间：2016年06月22日 11:06:26 作者：雨竹
这篇文章主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下
本文实例讲述了JS中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();">
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- JavaScript中innerHTML，innerText，outerHTML的用法及区别
- javascript中innerText和innerHTML属性用法实例分析
- Javascript中innerHTML用法实例分析
- js中的触发事件对象event.srcElement与event.target详解
- JavaScript获得表单target属性的方法
- js 有框架页面跳转(target)三种情况下的应用
- JS target与currentTarget区别说明
- javascript currentTarget对象介绍
- js中innerText/textContent和innerHTML与target和currentTarget的区别
相关文章
这篇文章介绍了AJAX跨域请求json数据的实现方法，有需要的朋友可以参考一下2013-11-11
JavaScript 中函数调用有许多独特的变体方式,例如 ~function、-function 等,这些变体不仅展现了 JavaScript 语言的灵活性,也可以在某些场景下让代码更加简洁,本文将通过示例代码和解析,来全面剖析这些特殊的函数调用方式及其返回值的区别2025-01-01
本节主要介绍了javascript获取函数形参个数的具体实现，需要的朋友可以参考下2014-07-07
前段时间开发app的时候要开始做消息推送功能了,下面这篇文章主要给大家介绍了关于uniapp APP消息推送方案实现的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了滑动翻页效果实现和移动端click事件问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
这篇文章主要介绍了JavaScript原型链及常见的继承方法,文章围绕主题展开详细的内容介绍，具有一定的的参考价值，需要的朋友可以参考一下2022-07-07
这篇文章主要介绍了js弹出确认是否删除对话框，具体实现代码如下，需要的朋友可以参考下2014-03-03
这篇文章主要介绍了es6中使用map简化复杂条件判断操作,结合实例形式详细分析了传统方法与map简化复杂条件判断的相关操作技巧,需要的朋友可以参考下2020-02-02
这篇文章主要为大家介绍了微信小程序登录会话密钥session失效解决方案，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
javascript设计模式 – 访问者模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 访问者模式,结合实例形式分析了javascript访问者模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
最新评论