jQuery自带方法/函数来获取outerHTML属性

最新推荐文章于 2022-06-05 21:55:00 发布
最新推荐文章于 2022-06-05 21:55:00 发布
阅读量1.4k 收藏
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39885843/article/details/89950297
版权

 
// 原生DOM获取outerHTML 
alert(document.getElementById('lz66303').outerHTML);
// 原生DOM设置outerHTML 
document.getElementById('lz66303').outerHTML = '<textarea id="lz66303"><hr>原生DOM设置outerHTML</textarea>';
当然在jQuery中我们可以用.prop()方法来获取和设置html元素的outerHTML 
// 成功获取到 
alert($('textarea').prop('outerHTML'));

田淼csdn
关注
专栏目录
JavaScript 前端面试题！！！
木木木森林
10-29 738
JavaScript 前端面试精华1. 介绍 js 的基本数据类型。2. JavaScript 有几种类型的值？你能画一下他们的内存图吗？3. 什么是堆？什么是栈？它们之间有什么区别和联系？4. 内部属性 [[Class]] 是什么5. 介绍 js 有哪些内置对象？6. undefined 与 undeclared 的区别？7. null 和 undefined 的区别？8. 如何获取安全的 undefined 值？9. 说几条写 JavaScript 的基本规范？10. JavaScript 原型，原型链
mysql模糊查询xml_在userMapper.xml文件中模糊查询的常用的3种方法
weixin_30588655的博客
01-20 2196
在userMapper.xml文件中新建映射sql的标签select from usersname like "%"#{name}"%"and phone like concat(concat("%",#{phone}),"%")and email like #{pattern}读取xml文件转成List&lt&semi;T&gt&semi;对象的两种方法(附源码...
jquery获取及设置outerhtml的方法
10-24
主要介绍了jquery获取及设置outerhtml的方法,实例分析了jQuery实现针对outerhtml操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jQuery 获取当前节点的html包含当前节点的方法
weixin_30408739的博客
01-16 194
在开发过程中，jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码，然后我们有时候确需要，找遍jQuery api文档也没有任何方法可以拿到。 看到有的人通过parent().html()，如果当前元素没有兄弟元素还行，如果有那就行不通了。后台实验发现有一个jQuery的一个方法可以解决，而且非常简便，如下： jQuery.prop("outerHT...
jquery实现outerHTML
一万亿
11-08 2300
jquery实现outerHTML(2011-08-23 11:44:51)     jQuery.fn.outerHTML = function(s) {     return (s) ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();     } $('#invok
jQuery outerHTML
张大贝的blog
04-16 183
  (function($) { $.fn.outerHTML = function() { return $(this).clone().wrap('&lt;div&gt;&lt;/div&gt;').parent().html(); } })(jQuery);  
jquery 获取自身的html outerhtml
自由游的蛙
01-31 5393
jQuery.fn.outerHTML = function (s) {     //return (s) ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();     return (s) ? this.before(s).remove() : jQuery("").append(
前端面试题
热门推荐
qq_41887655的博客
08-08 2万+
前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...
WEB漏洞篇——跨站脚本攻击（XSS）
m0_56634355的博客
06-05 4735
目录一、XSS简述1.1 什么是XSS1.2 XSS分类1.3 DOM XSS漏洞演示二、XSS攻击进阶2.1 初探XSS Payload2.2 强大的XSS Payload2.3 XSS攻击平台2.4 XSS Worm2.5 XSS构造技巧2.6 反射型XSS利用技巧-回旋镖2.7 Flash XSS2.8 JavaScript开放框架三、XSS防御3.1 HttpOnly3.2 输入检查3.3 输出检查3.4 正确地防御XSS3.5 处理富文本3.6 防御DOM Based XSS四、总结XSS攻击是指
项目：Vue.js高仿饿了吗外卖APP（二）
兔子juan的博客
08-02 3175
【vue】饿了吗项目 – goods商品列表开发 （PS：结合自己这几天看的，以及前人给出的经验，借鉴他人的博客，总结出下面的内容） 1.flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 flex-grow 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。 flex-shrink 一个数字，规定项目将相对于其他灵活的项目...
jquery-outerhtml:与仅返回元素HTML内容的jQuery.html（）不同，jQuery.outerHTML（）返回所选元素及其HTML内容，或将其替换为jQuery.replaceWith（）方法，但不会丢失链接。 此版本引入了对用DOM Elements和jQuery对象替换一组匹配元素的支持。 它还介绍了对.outerHTML（function）的支持。 查看版本注释以获取更多详细信息
05-08
介绍 与仅返回元素HTML内容的$.html()不同， $.outerHTML()返回所选元素及其HTML内容，或将其替换为jQuery.replaceWith()方法，但不会丢失链接。 此版本引入了对用DOM Elements和jQuery对象替换一组匹配元素的支持。 它还介绍了对.outerHTML(function)的支持。 有关更多详细信息，请参见版本说明。 检查“示例”文件夹中的一些工作示例。 使用.outerHTML()获取HTMLString 获取第一个元素HTML及其在匹配元素集中的内容。 var html = $('div').outerHTML(); 此方法使用浏览器的externalHTML属性，该属性可用于大多数流行的浏览器。 如果该属性不可用，则使用浏览器的cloneNode或jQuery的克隆来克隆该元素，并将其附加到一个临时Node然后从那里获取inne
jquery 获取outhtml
hw1287789687的专栏
04-18 999
jquery 如何获取outHTML 呢? 方式一: var outer_html = $('selector')[0].outerHTML ; console.log(outer_html);   方式二: outer_html = $('selector').clone().wrap('&lt;p&gt;').parent().html();  参考:http://aghosh...
jquery 获取 outerHtml 包含当前节点本身的代码
ROVAST的专栏
08-30 669
原文：http://www.jb51.net/article/56915.htm JQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码，后来实验发现有一个jQuery的一个方法可以解决 在开发过程中，jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码，然后我们有时候确需要，找遍jQuery api文档也没
如何用 Jquery实现OuterHtml
weixin_34236497的博客
05-14 163
 $(this).get(0) 或者$(this).prop('outerHTML')
jQuery自带方法/函数来获取outerHTML
学习专栏
01-15 3038
获取 $('#id').prop('outerHTML') 设置 $('#id').prop('outerHTML','')
jquery prop(“outerHTML“) 获取当前标签和标签内部的html 代码
猎人在吃肉
08-27 2463
原生JS DOM里有一个内置属性 outerHTML，用来获取当前节点的html代码(包含当前节点)，所以用jQuery的prop()能拿到。 $(".test").prop("outerHTML"); jquery设置outerhtml $('.test').prop('outerHTML', '<div>'); https://blog.csdn.net/yh12346789/article/details/79781204 ...
jQuery：外部html（）[重复]
xfxf996的博客
06-24 458
Possible Duplicate: 可能重复： Get selected element's outer HTML 获取所选元素的外部HTML imagine what we hav
jquery中获取outerHTML
Hello World
10-30 2083
//首先引入jquery $("#id").prop("outerHTML");
怎么通过jquery获取outerHTML
最新发布
06-09
在 jQuery 中获取元素的 outerHTML 可以通过以下两种方式实现： 1. 使用 `prop` 方法 可以使用 jQuery 的 `prop` 方法获取元素的 outerHTML，如下所示： ``` var outerHtml = $('#myElement').prop('outerHTML'); console.log(outerHtml); ``` 上面的代码中，`#myElement` 是你要获取 outerHTML 的元素的选择器，该方法会返回该元素的 outerHTML。 2. 使用 `clone` 方法 另一种方式是先使用 `clone` 方法克隆元素，然后再使用 `prop` 方法获取克隆元素的 outerHTML，如下所示： ``` var outerHtml = $('#myElement').clone().wrap('<div>').parent().html(); console.log(outerHtml); ``` 上面的代码中，`#myElement` 是你要获取 outerHTML 的元素的选择器，该方法先使用 `clone` 方法克隆了该元素，然后使用 `wrap('<div>')` 方法将克隆元素包裹在一个 `div` 元素中（这一步是为了防止出现多个根元素的情况），最后使用 `parent().html()` 方法获取包裹元素的 HTML 内容，也就是克隆元素的 outerHTML。 总的来说，使用 `prop` 方法获取元素的 outerHTML 更加简洁明了，而使用 `clone` 方法则更加灵活，可以通过包裹元素的方式避免出现多个根元素的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值