标签: dom-node

在Javascript中获取整个html文档中节点的偏移量?

我正在寻找一种方法来获取相对于使用Javascript的给定节点的整个文档的偏移量.例如.:

<html>
    <head></head>
    <body>
        <div id="mainContent">
            <h1 id="myTitle">Title</h1>
            <p>First paragraph</p>
            <p>Second <b>paragraph</b></p>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

然后(使用JQuery):

$("#myTitle").getDocumentOffset()
Run Code Online (Sandbox Code Playgroud)

应该返回47,因为具有id myTitle的h1以相对于整个文档的字符的偏移量47开始.

知道怎么做到这一点?

提前致谢.

html javascript jquery offset dom-node

3
推荐指数
1
解决办法
1097
查看次数

如何使用php domdocument回显包含html标签的节点的内容

我有一个html节点的Domnodelist,我想回应一下包括他们的html标签,以便我可以应用一个正则表达式.当我这样做时:

            foreach ($nodeList as $key => $node) {
               echo $node->nodeValue;
            }
Run Code Online (Sandbox Code Playgroud)

我只得到节点的文本部分,没有html标签.

当我尝试:

echo $ node-> saveHTML;

我收到错误:Undefined property:DOMElement :: $ saveHTML

我怎样才能做到这一点?

提前致谢,

法案

php domdocument dom-node

2
推荐指数
1
解决办法
5197
查看次数

如何仅使用DOMElement从当前节点获取文本?

<div>
     <a>abc</a>
     xyz
</div>
Run Code Online (Sandbox Code Playgroud)

鉴于上面的HTML结构,$divElement->nodeValue当我想只获得'xyz'时,返回'abc xyz'.$divElement->getAttribute('value')是空的.

如何在不删除<a>元素的情况下获得'xyz' ?

php dom-node

1
推荐指数
1
解决办法
1208
查看次数

使用dojo按类名删除元素

如何删除类名找到的所有元素.我想使用dojo框架来做到这一点.

javascript dojo removechild dom-node

1
推荐指数
2
解决办法
3182
查看次数

如何从两个或多个 DOMNode 创建 NodeList 对象

例如我有两个 DOMNodes: let node1 = document.querySelector('#node-1'); let node2 = document.querySelector('#node-2');

如何将它们组合成一个 NodeList 对象?有一个简单的解决方案array.push(item)吗?

javascript dom dom-node

1
推荐指数
1
解决办法
1076
查看次数

使用jquery获取行的总和

我正在尝试创建一个简单的totaller,我的基本html看起来像这样:

<ul>
    <li class="header">
        <span>&nbsp;</span>
        ...
        <span>Total</span>
    </li>
    <li>
        <span>0</span>
        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span class="total">0</span>
    </li>
    <li>
        <span>1</span>
        <span>10</span>
        <span>20</span>
        <span>30</span>
        <span>40</span>
        <span>50</span>
        <span class="total">0</span>
    </li>
    <li>
        <span>5</span>
        <span>1</span>
        <span>1</span>
        <span>9</span>
        <span>3</span>
        <span>2</span>
        <span class="total">0</span>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

jQuery函数:

var eaList = $('ul li span').not('.total, .header span');
var sum = 0;
eaList.each(function(){
    var total = $(this).parent().find('.total');
    sum += parseFloat($(this).text());
    total.text(sum);
});
Run Code Online (Sandbox Code Playgroud)

这目前累计增加到函数末尾的总数,而不是行.

我希望这是一个简单的选择器的情况var total = $(this).parent().find('.total');(我也尝试过var total = $(this).closest('.total');.

在将.total元素输出到元素之前,是否需要一个空数组来推动总数?或者是否有内置的jquery中的东西应该使用正确的选择器返回总和?

JSFIDDLE:https://jsfiddle.net/lharby/y991hkf6/

javascript jquery sum jquery-selectors dom-node

1
推荐指数
1
解决办法
88
查看次数