Tag: DOM

jQuery Force为iframe设置src属性

我有一个主页面(实际上是一个JSP),里面有一个iframe; <iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe> 现在主页上有多个链接(通过JSPdynamic呈现),可以尝试将src设置为某个URL … 现在我的问题是,使用jQuery(可能是live()),我可以重写,这样的“src”属性abc_frame总是会有一些特定的值(例如“somefixedURL”) 我无法捕获链接点击,因为它是通过一些Java代码完全dynamic创build的,因此我试图覆盖iframe src?

在jQuery中旋转Div元素

试图旋转一个div元素…这可能是DOM亵渎,它可以工作可能与canvas元素? 我不确定 – 如果任何人有任何想法可以工作或为什么不这样做,我很想知道。 谢谢。

从下拉框中获取文本

这将得到我的下拉菜单中select的任何值。 document.getElementById('newSkill').value 然而,我不能找出下拉菜单中当前显示的文本的属性。 我尝试过“文本”,然后看着W3Schools,但没有答案,这里有人知道吗? 对于那些不确定,这里是一个下拉框的HTML。 <select name="newSkill" id="newSkill"> <option value="1">A skill</option> <option value="2">Another skill</option> <option value="3">Yet another skill</option> </select>

在Textarea的光标位置显示DIV

对于我的项目,我很乐意为特定的textarea提供自动完成。 类似于intellisense / omnicomplete如何工作。 为此,我必须找出绝对的光标位置,以便我知道DIV应该出现在哪里。 原来:这是(几乎我希望)不可能实现的。 有没有人有一些简洁的想法如何解决这个问题?

AngularJS:是ng-click“好习惯”吗? 为什么AngularJS中没有ng- {event}?

我刚开始学习AngularJS,并与AngularJS的一些概念斗争。 如果有人能够解释我一些观点,那将是很棒的。 我明白ng-click在技​​术上与onclick (见这里 ),但两者都被放置在标记中。 我认为这会是一个“坏习惯”? 为什么AngularJS的核心概念之一,如果大多数人说这是“坏”? 我认为最好是从JavaScript中selectDOM元素,而不是将逻辑放在标记中。 如果ng-click是在AngularJS中点击事件的正确方法,那么我应该如何处理其他的DOM事件呢? 我发现还有其他几个像ng-mouseover这样的指令,但并不是所有的DOM事件都有一个AngularJS等价物。 我将如何处理AngularJS中的“drop”事件(因此以AngularJS的方式 – 而不是正常的方式)? 要清楚:我想拖动一个文件到我的webapp 。 非常感谢,Pipo

当ID包含方括号时,通过ID查找DOM元素?

我有一个类似于ID的DOM元素: something[500] 它是由我的Ruby on Rails应用程序构build的。 我需要能够通过jQuery得到这个元素,以便我可以遍历我的方式去删除它的父母的父母,它有一个我没有预先访问的variablesID。 有谁知道我怎么能这样做呢? 下面的代码似乎不工作: alert($("#something["+id+"]").parent().parent().attr("id")); 进一步检查后,如下: $("#something["+id+"]") 返回一个对象,但是当我运行“.html()”或“.text()”时,结果总是为空或者只是一个空string。 任何帮助将不胜感激。

使用ng-if在ng-repeat中?

我正在处理Angular应用程序。 我试图用ng-if和在ng-repeat内部切换,但是没有成功。 我有像这样的数据: **[{"_id":"52fb84fac6b93c152d8b4569", "post_id":"52fb84fac6b93c152d8b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"hoot",}, {"_id":"52fb798cc6b93c74298b4568", "post_id":"52fb798cc6b93c74298b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"story",}, {"_id":"52fb7977c6b93c5c2c8b456b", "post_id":"52fb7977c6b93c5c2c8b456a", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"article",},** $ scope.comments =上面提到的数据 和我的Html一样: <div ng-repeat = "data in comments"> <div ng-if="hoot == data.type"> //differnt template with hoot data </div> <div ng-if="story == data.type"> //differnt template with story data </div> <div ng-if="article == data.type"> //differnt template with article data </div> […]

更改textNode值

有没有什么办法可以在浏览器中改变DOM文本节点的值? 我特别想看看是否可以改变现有的节点,而不是创build一个新的节点。 为了澄清,我需要用Javascript来做到这一点。 浏览器中的所有文本都存储在其他HTML节点的子节点#textNodes中,但不能拥有自己的子节点。 如下所述,可以通过设置这些对象的nodeValue属性来更改内容。

获取DOM节点的string表示forms

Javascript:我有一个节点(元素或文档)的DOM表示,我正在寻找它的string表示forms。 例如, var el = document.createElement("p"); el.appendChild(document.createTextNode("Test")); 应该会产生: get_string(el) == "<p>Test</p>"; 我有强烈的感觉,我错过了一些简单的东西,但我只是没有find一种在IE,FF,Safari和Opera中工作的方法。 因此,outerHTML是没有select的。

什么是影子根

在Google Chrome的开发者工具中,我在<html lang="en">标签下看到#shadow-root 。 它做什么,它用于什么? 我没有看到它在Firefox或IE中; 只有在Chrome中,这是一个特殊的function? 如果我打开它,它会显示<head>和<body>以及旁边名为reveal的链接,通过点击,它指向<head>和<body> ,没有别的。