js 获取 div 的文本 ,忽略子元素

2024-08-29

获取当前div中的文本(只获取当前div的, 子元素不要, 基于layui)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test2</title> <link rel="stylesheet" type="text/css" href="res/layui/css/layui.css"> <script type="text/j

js获取div基础元素

1.js获取div元素 clientHeight 获取对象的高度,不计算任何边距.边框.滚动条,但包括该对象的补白. clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离. clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离. clientWidth 获取对象的宽度,不计算任何边距.边框.滚动条,但包括该对象的补白. offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度. offse

JS获取div高度的方法

有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight 与 clientHeight 这两个属性都能获取元素的高度,它们有什么区别呢? 代码说话~ <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8

js获取div中的文本框数据

通过div得到div里的所有数据大神的世界无需解释,当然不是说我,当我看到这些代码的时候我惊呆了! 这是一个工具方法js: js: /* * 获取指定对象下的所有input.textarea值 * divid:外层的id * jsonStr:如果无,新创建一个对象,如果有,直接在对象中添加 * isCheck:是否进行必填项判断 */ getFormParam: function(divid,jsonStr,isCheck){ var inputlist = $("#"+divid+

js 获取网页屏幕高度窗口高度元素高度滚动高度

常用: JS 获取浏览器窗口大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight)

js获取iframe和父级之间元素，方法、属，获取iframe的高度自适应iframe高度

摘自:http://blog.csdn.net/kongjiea/article/details/38870399 1.在父页面获取iframe子页面的元素 (在同域的情况下且在http://下测试,且最好在iframe onload加载完毕后 dosomething...) js写法 a.同过contentWindow获取也有用contentDocument 获取的但是contentWindow 兼容各个浏览器,可取得子窗口的 window 对象.contentDocument Fir

div鼠标悬停，子元素上移，鼠标移出，子元素下移动画。

HTML: <div class="edt_title" > <div id="edt_title"> <p class="edt_title_top">e定投</p> <div class="product_line"></div> <p class="edt_title_c"> 多种期限<br /><b

JS获取display为none的隐藏元素的宽度和高度的解决方案

有时候,我们一进入页面,就需要获取display为none元素的物理尺寸(宽高),或获取display为none元素的子元素的物理尺寸(宽高),本篇文章就如何解决以上问题给出自己的解决方案 <h4>获取display为none元素的子元素的物理尺寸</h4><h5>方案一思路:</h5><ul><li>1.利用给元素添加行内样式:display:block;position:absolute;z-index:-1000<li&g

js在一个div里面移动其子div

var ChildDiv = $("#cid"); var width = 0; //鼠标点击子div的地方和子div的左边边距距离 var height = 0; //鼠标点击子div的地方和子div的上边边距距离 ChildDiv.onmousedown = function (ev) //鼠标按下DIV { var ChildDivEvent = ev || event; //捕获点击的对象 width = ChildDivEvent.clientX - ChildDiv.off

ng-change事件中如何获取$event和如何在子元素事件中阻止调用父级元素事件（阻止事件冒泡）

闲聊: 今天小颖要实现一个当改变了select内容后弹出一个弹框,并且点击select父元素使得弹框消失,这就得用到阻止事件的冒泡了:$event.stopPropagation(),然而小颖发现,在ng-change事件中是获取不到$event的,所以就百度了下嘻嘻,最后使用 ng-click +$watch 搞定啦,下面就来看看小颖是怎么解决问题的呢.哈哈哈哈哈哈还和往常一样我们先来看看页面效果:

JS获取父、兄、子节点

一.jQuery的父节点查找方法 $(selector).parent(selector):获取父节点 $(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组 $(selector).parents(selector):获取祖先元素二.jQuery的兄弟节点查找方法 $(selector).prev() / $(selector).previousSibling():获取上一个兄弟节点 $(selector).prevAll():获取

将 vue.js 获取的 html 文本转化为纯文本

我存入数据表中的数据是使用 html 格式,获取数据是使用 vue 获取. 遇到了一个问题,就是界面上显示的数据是 html 格式的,但是我需要它显示纯文本. 怎么做呢?首先在 js 中写一个将 html 格式转化为纯文本的函数: 这是我从其他博客上找到的函数,亲测可用. function ToText(HTML) { var input = HTML; return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\

js获取div相对屏幕的坐标位置

1:div相对屏幕的坐标位置 function getDivPosition(div){ var x = div.getBoundingClientRect().left; var y = div.getBoundingClientRect().top; return {x:x,y:y}; } 参数传js原生对象 getDivPosition($('#div0')[0]).x getDivPosition($('#div0')[0]).y

js获取div对象几何信息

/** * @description 获取对象信息: * bottom: 208 * height: 200 (老版本IE不兼容) * width: 200 (老版本IE不兼容) * left: 8 * right: 208 * top: 8 * x: 8 * y: 8 * @returns */ var div = document.getElementById("div"); console.log(div.getBoundingClientRect());

div样式text-align在子元素缩进不规范的情况下，chrome出现的问题（貌似结果是inline-block导致的）

在调css的时候,发现居然有firefox实现效果完整而chrome出现问题的情况: 详细情况:segmentfault1 segmentfault2 全文表达: <html><head> <meta charset="UTF-8"> <title>Execl</title> <style type="text/css"> ul{ } .ul_row{ display:inline-block;

js 获取div 图片高度

使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $("img").css("width");(返回字符串:数字+"px") 但是有时候会遇到返回0的情况,上面方法返回值竟然是0或者0px,很让人诧异 jquery有以下两种常用的jquery事件加载的方法 $(function(){}); window.onload=function(){}

JS双击div编辑文本内容

HTML代码: <div class="album"> <div class="image"><a href="javascript:;" onclick="view({$vo.id})"><img src="{$vo.img}" /></a></div> <div class="name" id="

div嵌套时，子元素设置margin-top失效问题

这是因为父元素的padding设置为0时所产生的bug,它自动将margin-top提升到了父元素上,所以此时我们所设置的margin-top自动就到父元素上了,解决方案: 1.给父元素添加一个padding,例如:padding-top:1px; 2.给父元素设置overflow:hidden; 3.把子元素设置成一个BFC,例如:{display:table-cell;position:absolute;overflow:hidden},父元素的位置设置为绝对定位.

jquery 获取新添加元素点击后的子元素

$("body").on("click", '.tabletr1', (event) => { debugger var ID2 = $(event.target).parent().children('.ID2').html(); var MATERIALBARCODENO = $(event.target).parent().children('.MATERIALBARCODENO').html(); var REGISTDATETIME = $(even

js获取相同name文本框的value

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script type="text/javascript" language="javascript"> function aa() { var r = document.getElementsByName

jQuery获取子元素的个数

一.获取div下的子元素的个数 $("div").children().length; 二.获取div下的span子元素的个数 $("div").children("span").length;

js 获取 div 的文本 ,忽略子元素

热门专题