dom
使用html2canvas根截取网页某dom部分为图片并缩小图片
使用html2canvas根截取网页某dom部分为图片并缩小图片。 $('body').on('click', '#saveToImgBtn', function () { $.getScript('./style_1/html2canvas.min.js', function () { html2canvas(document.querySelector("#numberTable")).then(canvas => { //声明一个新的画板，用于生成新的缩小的图片，缩小倍数为 3 var new_canvas = document.createElement("canvas"), times = 3; ......
2022-12-24 20:08:57PHP html dom解析器(Simple HTML dom)使用方法介绍
一直以来使用php解析html文档树都是一个难题。Simple HTML dom parser 帮我们很好地解决了使用 php html 解析 问题。可以通过这个php类来解析html文档，对其中的html元素进行操作 (PHP5+以上版本)。 解析器不仅仅只是帮助我们验证html文档；更能解析不符合W3C标准的html文档。它使用了类似jQuery的元素选择器，通过元素的id，class，tag等等来查找定位；同时还提供添加、删除、修改文档树的功能。当然，这样一款强大的html dom解......
2018-05-13 16:42:22jquery移动dom节点的方法总结
jquery移动dom节点也是偶尔会用到的dom操作，下面作者将和大家分享一下如何使用jQuery移动dom节点。 注意移动dom节点和复制dom节点是两回事，移动dom节点是将一个dom节点从一个位置移动到另外一个位置，移动之后该dom节点还是只有一个。而复制dom节点在操作完之后会变成两个。下面还是通过几个实例做一下解释说明吧。 假设页面有如下代码段 <body> <div>http://www.phpernote.com/javascript-function/586.html</div> <p......
2013-05-04 06:37:30jquery复制dom节点的方法总结
jquery复制dom节点可谓是页面dom操作中经常会碰到的，一些特效里面也经常会涉及到各种dom复制操作，下面作者就如何使用jquery复制dom节点做一个小结，以免遗忘。同时也希望能够帮助到有需要的朋友。下面还是通过示例来说明问题。 假设页面html代码如下： <body> <div id="com">http://www.phpernote.com/jquery/192.html</div> <p>jquery dom 操作示例<span>-php程序员教程网</span></p> <div id="phpernote"></div> </bo......
2013-05-04 06:30:26js - dom编程核心
dom 核心常用部分: dom方法 创建节点:createElement(),createTextNode() 复制节点:cloneNode() 插入节点:appendChild(),insertBefore 删除节点:removeChild() 替换节点:replaceChild() 查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes 设置节点属性:setAttribute() dom属性 节点的属性:nodeName,nodeType,nodeValue 遍历节点树:childNodes,firstChild,lastChild,nextSibling,parentNode,......
2013-01-26 06:04:53JQuery dom 插入节点的方法总结
动态创建HTML元素并没有实际用处，还需要将新创建的元素插入文档中。将新创建的节点插入文档最简单的办法是，让它成为这个文档的某个节点的子节点。前面使用了一个插入节点的方法append()，它会在元素内部追加新创建的内容。 将新创建的节点插入某个文档的方法并非只有一种，在JQuery中还提供了其他儿种插入节点的方法，如下表所示。读者可以根据实际需求灵活地做出多种选择。 现假设有一文档，HTML dom结构如下： <p class="......
2012-05-21 18:30:27JQuery dom 插入节点方法总结
Jquery动态插入dom节点的方法总结： append() 向每个匹配的元素内部追加内容： HTML代码： <p>我想说：</p> jQuery代码： $("p").append("<b>你好</b>"); 结果： <p>我想说：<b>你好</b></p> appendTo() 将所有匹配的元素追加到指定的元素中。实际上，使用该方法是颠倒了常规的$(A).append(B)的操作，即不是将B追加到A中，而是将A追加到B中： HTML代码： <p>我想说：</p> jQuer代码： $("<b>你好</b>").appendTo......
2012-04-26 22:30:56JavaScript删除dom节点
使用JavaScript原生态的语法删除html文档的节点，具体操作方法见下面两个案例： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript"> function closeRecommend(obj){ obj.parentNode.parentNode.removeChild(obj.parentNode); } function clearText() { var content=document.getElementById("content"); var len=co......
2012-03-31 14:46:27
- 站内搜索
- dom 知识专题