我是AngularJS的新手.我已经了解到我可以使用如下查询在DOM中找到元素:
var e = angular.element(document.querySelector('#id'));
var e = angular.element(elem.querySelector('.classname'));
这对于按ID或CSS类名查找元素很有用.但是,我需要能够使用不同的方法找到元素.我有一个如下所示的元素:
<div my-directive class='myContainer'>...</div>
我无法查询'myContainer',因为它重用了多少.出于这个原因,我想找到任何具有属性'my-directive'的元素.如何搜索DOM并找到使用'my-directive'的任何元素？
我有这个代码:
function drop(evt) {
evt.stopPropagation();
evt.preventDefault();
var imageUrl = evt.dataTransfer.getData('URL');
alert(imageUrl);
}
如果删除<img>元素,它会提醒图像的URL.到现在为止还挺好.
我的问题是,如果你删除的<a>元素它会提醒的网址href的<a>元素.如果您在上面的示例中下载图像,我想提醒<img>内部元素的url <a>.
那可能吗？
我不介意使用Jquery或任何其他库.我只想把图像的url放在一个<a>元素中.
重点是将图像链接从其他网站拖到我的网站并获取图像的网址.
为了更清楚我想要实现的目标,请尝试在此帖子下拖动我的个人资料图片并将其放入小提琴中.它提醒http://stackoverflow.com/users/3074592/laaposto.我想http://i.stack.imgur.com/juvdV.jpg?s=32&g=1收到提醒.
我希望该解决方案适用于最新版本的Chrome和Firefox.
如何通过src属性获取元素.我正在使用:
<script type="text/javascript" src="mysrc.js?id=1000">
我需要在变量上获取该元素.getAttribute("src")如果除了实际的src之外我还知道其他任何事情,我所知道的就是返回src.我不能使用jQuery,简单的JS.
谢谢
我正在重构一些别人写的旧代码.我遇到了以下片段:
if (document.all || document.getElementById) {
...
}
if语句中的代码何时执行？
谢谢!
我知道这与以前提出的问题非常接近，但是在彻底研究这些示例之后，我还没有找到针对我的特定问题的解决方案。
我有一个闪亮的应用程序，使用具有这种结构的闪亮仪表板（*1）。我可以这样制作下一页或上一页按钮：
next_btn <- actionButton( inputId ="Next1",
label = icon("arrow-right"))
与观察者：
observeEvent(input$Next1, {
updateTabItems(session, "tabs", "NAME")
})
其中 NAME 是选项卡项 ID。这个版本比我发现的使用 switch 和/或简单地导航到 ShinyDashboard 中的特定侧边栏菜单项的示例更简单？
但是，这只能通过特定按钮从 pagename1 切换到 pagename2。
然而，我的应用程序中有 10-20 个 tabItems ： ** <<- 我的问题的原因**
提到的方法需要我为每个页面编写一个 actionbutton(next1, ... ac but next 2 , next 3 etc. 1 ，并且为每个页面编写一个单独的观察者。
我想做的是：
1 个名为“NEXTPAGE”的通用操作按钮，带有执行 updateTabItems(session, tabs, "current page +1" 的观察者)
以任何我迷路的方式到当前页面+1。我可以想象创建一个所有选项卡名称的列表参数，在该列表中找到当前选项卡名称，抓住它的位置，例如向上移动一个位置（上一个）或向下移动一个位置（下一个）。但是，除了一些非常费力的手动输入字符串列表之外，我不知道如何获取应用程序中存在的所有 tabItems 的列表变量。
*1 应用程序结构：
library(shiny)
library(shinydashboard)
### create general button here like:
### write a function that looks at …有没有一种简单的方法来获取包含data-*属性的所有元素的列表而不使用jQuery(并且希望没有迭代整个DOM树)？
我可以使用jQuery找到很多答案,但我不能在我的项目中使用它,也不能使用普通的Javascript找到答案.
例如,如果我有这个HTML:
<input data-mydata="data1">
<input data-mydata="data2">
<div data-mydata="data3"></div>
<div data-mydata="data4"></div>
<input>
<div></div>
然后获取包含所有元素的列表data-mydata？
我试图实现的是根据data-*以及数据值从某些元素中获取数据进行存储.
我知道我可以使用该name属性getElementsByName但是在我的项目中无法使用,因为元素的名称设置用于其他目的.
而且我相信querySelectorAll只能使用CSS(？).
我想问一下，如何选择两个HTML元素的文本，哪个属性contentEditable设置为true。当我开始在一个元素中用鼠标选择文本时，选择将在其范围内结束。永远不要到达第二个元素。
我也尝试应用“用户选择”属性，但没有效果。
这是片段。
<body>
<div contentEditable = true style="position:absolute; left: 10px; top:10px; width:100px; height:200px; border: 3px solid #73AD21;">
Donec tempus, nisi a pharetra placerat, diam nisi aliquam elit, a consectetur magna enim sed ligula.
</div>
<div contentEditable = true style="position:absolute; left: 130px; top:10px; width:100px; height:200px; border: 3px solid #73AD21;">
The oldest browsers support only one way of registering event handlers, the way invented by Netscape.
</div>
</body>
非常感谢