标签: dhtml

使用jquery在div中添加和删除style属性

我继承了一个我正在研究的项目,我正在更新一些jquery动画(很少用jquery练习).

我有一个div我需要添加和删除样式属性.这是div:

<div id='voltaic_holder'>
Run Code Online (Sandbox Code Playgroud)

在动画的某一点上,我需要为它添加一个样式:

<div id='voltaic_holder' style='position:absolute;top:-75px'>
Run Code Online (Sandbox Code Playgroud)

我已经四处搜索并找到了.removeAttr()方法,但我看不到如何添加它,甚至是远程部分(如顶部:仅限-75px).

谢谢,

css jquery dhtml

93
推荐指数
5
解决办法
31万
查看次数

修改查询字符串而不重新加载页面

我正在创建一个照片库,并希望能够在浏览照片时更改查询字符串和标题.

我正在寻找的行为常见于连续/无限页面的一些实现,其中当您向下滚动查询字符串时,不断增加页码(http://x.com?page=4)等.这应该是理论上很简单,但我希望在主流浏览器中安全.

我找到了这篇伟大的帖子,并试图跟随这个例子window.history.pushstate,但这似乎并不适合我.而且我不确定它是否理想,因为我并不真正关心修改浏览器历史记录.

我只是希望能够为当前查看的照片添加书签,而无需在每次更改照片时重新加载页面.

以下是修改查询字符串的无限页面示例:http://tumbledry.org/

UPDATE发现了这个方法:

window.location.href = window.location.href + '#abc';
Run Code Online (Sandbox Code Playgroud)

它似乎适合我,但我是一个新的铬..它可能会导致旧浏览器的一些问题?

javascript jquery dhtml query-string

90
推荐指数
6
解决办法
8万
查看次数

更改textNode值

有没有办法在Web浏览器中更改DOM textNode的值?

我特别想看看我是否可以更改现有节点,而不是创建一个新节点.

为了澄清,我需要使用Javascript来做到这一点.浏览器中的所有文本都存储在#textNodes中,#textNodes是其他HTML节点的子节点,但不能拥有自己的子节点.

如下所述,可以通过设置这些对象的nodeValue属性来更改内容.

javascript dom dhtml

84
推荐指数
1
解决办法
6万
查看次数

跨平台,跨浏览器的方式从Javascript播放声音?

我正在编写一个dhtml应用程序,用于创建系统的交互式模拟.模拟的数据是从另一个工具生成的,并且已经有非常大量的遗留数据.

模拟中的一些步骤要求我们播放音频的"画外音"剪辑.我无法在多个浏览器中找到一种简单的方法来实现这一点.

Soundmanager2非常接近我的需要,但它只播放mp3文件,遗留数据也可能包含一些.wav文件.

有没有人有任何其他可能有帮助的图书馆?

javascript audio cross-platform dhtml cross-browser

78
推荐指数
6
解决办法
6万
查看次数

更改:使用JavaScript悬停CSS属性

我需要找到一种方法来改变CSS:使用JavaScript的悬停属性.

例如,假设我有这个HTML代码:

<table>
  <tr>
    <td>Hover 1</td>
    <td>Hover 2</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

以下CSS代码:

table td:hover {
background:#ff0000;
}
Run Code Online (Sandbox Code Playgroud)

我想使用JavaScript将<td>悬停属性更改为背景:#00ff00.知道我可以使用JavaScript访问样式背景属性:

document.getElementsByTagName("td").style.background="#00ff00";
Run Code Online (Sandbox Code Playgroud)

但是我不知道JavaScript的等价物:hover.如何更改这些<td>:使用JavaScript悬停背景?

非常感谢您的帮助!

html javascript css dhtml

75
推荐指数
7
解决办法
15万
查看次数

getElementsByTagName()等效于textNodes

有没有办法获取textNode文档中所有对象的集合?

getElementsByTagName()适用于Elements,但textNode不是元素.

更新:我意识到这可以通过走DOM来实现 - 正如下面的许多建议.我知道如何编写一个DOM-walker函数来查看文档中的每个节点.我希望有一些浏览器原生的方式来做到这一点.毕竟有点奇怪的是,我可以<input>通过一个内置呼叫获得所有s,但不是全部textNode.

javascript dom dhtml textnode

73
推荐指数
3
解决办法
2万
查看次数

jquery在点击功能后获取LI的id/value

<ul id='myid'>
  <li id='1'>First</li>
  <li id='2'>Second</li>
  <li id='3'>Third</li>
  <li id='4'>Fourth</li>
  <li id='5'>Fifth</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

如何提醒点击的li项目的ID(任何可以替换id的东西可能是值或其他东西也会起作用)

提前帮助感谢
Dave

html jquery dhtml

69
推荐指数
2
解决办法
28万
查看次数

如何以编程方式单击JavaScript中的元素?

在IE中,我可以从JavaScript调用element.click() - 如何在Firefox中完成相同的任务?理想情况下,我希望有一些JavaScript可以跨浏览器同样运行,但如果有必要,我将为此提供不同的每浏览器JavaScript.

javascript firefox dom dhtml javascript-events

59
推荐指数
6
解决办法
9万
查看次数

子元素单击事件触发父单击事件

假设你有这样的代码:

<html>
<head>
</head>
<body>
   <div id="parentDiv" onclick="alert('parentDiv');">
       <div id="childDiv" onclick="alert('childDiv');">
       </div>   
    </div>
</body>
</html>?
Run Code Online (Sandbox Code Playgroud)

parentDiv当我点击" childDiv我怎么能这样做?" 时,我不想触发点击事件?

更新

另外,这两个事件的执行顺序是什么?

javascript jquery dhtml

58
推荐指数
5
解决办法
10万
查看次数

jQuery:如何更改标签名称?

jQuery:如何更改标签名称?

例如:

<tr>
    $1
</tr>
Run Code Online (Sandbox Code Playgroud)

我需要

<div>
    $1
</div>
Run Code Online (Sandbox Code Playgroud)

我可以

  1. 创建DOM元素<div>
  2. 将tr内容复制到div
  3. 从dom中删除tr

但我可以直接制作吗?

PS:

    $(tr).get(0).tagName = "div"; 
Run Code Online (Sandbox Code Playgroud)

结果DOMException.

html javascript jquery dom dhtml

57
推荐指数
7
解决办法
6万
查看次数