标签: appendchild

getElementById().appendChild() 拒绝工作!

我正在尝试从 last.fm API 附加一些 JSON 数据,

我一直在几个阶段使用alert()来验证API是否被正确解析,它是,

这让我得出这样的结论: getElementById().appendChild() 不起作用,下面是我设置的测试页面的 URL:

http://mutant-tractor.com/tabtest.html

代码在这里

 
function calculateDateAgo(secAgo) {
 var agoString, agoRange, agoScaled;
 if(secAgo >= (agoRange = 60*60*24)) 
   agoString = (agoScaled = Math.floor(secAgo/agoRange))+" "+(agoScaled>1?"days":"day") + " ago"
 else if(secAgo >= (agoRange = 60*60))
   agoString = (agoScaled = Math.floor(secAgo/agoRange))+" "+(agoScaled>1?"hours":"hour") + " ago"
 else if(secAgo >= (agoRange = 60))
   agoString = (agoScaled = Math.floor(secAgo/agoRange))+" "+(agoScaled>1?"minutes":"minute") + " ago"
 else if(secAgo >= -60)
   agoString = "blastin' out now";
 else
   agoString = "soon ;)";
 return agoString …
Run Code Online (Sandbox Code Playgroud)

javascript json getelementbyid appendchild last.fm

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

在IE7和IE8中意外调用方法或属性访问

我在我的项目中使用jquery-1.3.2.min.js.我的应用程序在除IE7和IE 8之外的所有浏览器中都能正常工作.它会抛出以下错误.

SCRIPT65535:意外调用方法或属性访问.jquery-1.3.2.min.js,第12行,第2305行

我一直在寻找解决方案,但没有得到任何适当的解决方案.请帮我解决这个问题.

谢谢,

Atul Patel.

jquery appendchild internet-explorer-8 internet-explorer-7

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

使用PHP DOMDocument添加样式标记

我想创建一组<style>标签并将其添加到HTML文档的head标签中.

我知道我可以这样开头:

$url_contents = file_get_contents('http://example.com');
$dom = new DOMDocument;
$dom->loadHTML($url_contents);

$new_elm = $dom->createElement('style', 'css goes here');
$elm_type_attr = $dom->createAttribute('type');
$elm_type_attr->value = 'text/css';
$new_elm->appendChild($elm_type_attr);
Run Code Online (Sandbox Code Playgroud)

现在,我也知道我可以像这样在HTML中添加新的样式标记:

$dom->appendChild($ss_elm);
$dom->saveHTML();
Run Code Online (Sandbox Code Playgroud)

但是,这将创建以下方案:

<html>
<!--Lots of HTML here-->
</html><style type="text/css">css goes here</style>
Run Code Online (Sandbox Code Playgroud)

以上基本上没有意义; CSS没有解析,只是坐在那里.

我在网上找到了这个解决方案(显然没有用):

$head = $dom->getElementsByTagName('head');
$head->appendChild($new_elm);
$dom->saveHTML();
Run Code Online (Sandbox Code Playgroud)

谢谢您的帮助!!

编辑:

可能吗?

css php appendchild domdocument createelement

4
推荐指数
2
解决办法
6950
查看次数

for循环中的appendChild只添加1个孩子

在JavaScript中,我使用HTML表创建一个网格(在Photoshop中看到的网格类型).网格大小将是可变的,即可由用户改变,因此必须计算每个网格方块的大小并除以可用于获得精确大小网格的像素数.

我已经完成了所有这些,但是我在添加必要的表元素以创建网格时遇到了问题.我的代码处于完整的工作状态,除非我appendChild()在for循环中使用该函数时,它只会附加一个子节点,而它应该追加到几百个.

我的代码:

grid.show = function(event)
{
    var e = event;

    if(grid.show_grid == false)
    {
        grid.show_grid = true;

        parent.document.getElementById("grid_table").style.display = "block";

        // Get grid (table) and create some elements.
        grid.get_grid = parent.document.getElementById("grid_table");
        grid.tr       = parent.document.createElement("tr");
        grid.td       = parent.document.createElement("td");

        // Clear the grid of all squares so we don't have to worry about subtracting anything.
        grid.get_grid.innerHTML = "";

        // Calculate the number of horizontal and vertical squares.
        var horizontal = Math.ceil(grid.total_width / grid.size);
        var vertical   = Math.ceil(grid.total_height / grid.size); …
Run Code Online (Sandbox Code Playgroud)

javascript appendchild

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

如何使用JavaScript删除下一个元素(不使用jQuery)

我需要这样的东西.

<a onclick="SaveNote(this);" >Save</a>
<a href="javascript:void(0);" id="112">Cancel</a>
<a href="javascript:void(0);" id="112">Delete</a>
Run Code Online (Sandbox Code Playgroud)

如果我单击Save锚点,我想删除所有三个锚点元素,如上所示,而不使用任何锚点元素id,并用Edit锚点替换它们.我目前有一些看起来像这样的Javascript代码:

function SaveNote(e){
   e.nextSibling.removeNode;
   e.nextSibling.removeNode;
   e.nextSibling.removeNode;
}
Run Code Online (Sandbox Code Playgroud)

你对这个问题有任何想法吗?

javascript dom appendchild removechild createelement

4
推荐指数
3
解决办法
6678
查看次数

新的子元素包含父元素

我正在尝试玩 Tic-Tac-Toe 游戏,但在将背景图像更改为 X 或 O 的图像时遇到问题。我通过单击单元格<td>上的事件侦听器获取单元格 ID <td>

这是我的表格的创建,其中所有单元格都已识别,并且图像包含在具有不同 ID 的所有单元格中。功能

function BuildTable(rows, cols) {
    BuildDivJeu();
    var table = document.createElement("TABLE");
    table.id = "Table";
    document.getElementById("Jeu").appendChild(table);
    for (var row = 1; row <= rows; row++) {
        var rangee = document.createElement("TR");
        rangee.id = row;
        document.getElementById("Table").appendChild(rangee);
        for (var col = 1; col <= cols; col++) {
            var cellule = document.createElement("TD");
            var img = document.createElement("IMG");
            cellule.id = "R" + row + "C" + col;
            img.setAttribute("id", cellule.id);
            img.setAttribute("src", "Images/VN.png");
            img.setAttribute("alt", "VN")

            cellule.appendChild(img); …
Run Code Online (Sandbox Code Playgroud)

html javascript image appendchild

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

运行 document.head 时将 ASYNC 添加到 &lt;script&gt; 标记

我正在尝试将JavaScript 文件注入<head></head>到. JavaScript 文件是异步的,我想script注入时将其添加到标签中。

这是我到目前为止所拥有的:

var imported = document.createElement('script');
imported.src = 'http://domain/js/my.js';
imported.setAttribute("type", "text/javascript");
imported.async = async;
document.head.appendChild(imported);
Run Code Online (Sandbox Code Playgroud)

这会注入 JavaScript 文件,但我在线收到错误imported.async = async;

未捕获的引用错误:异步未定义

并且async不添加到标签中。

如何添加到注入的JavaScript 文件async中?

PS:我不是在寻找 jQuery 答案,只是纯 JavaScript。

javascript asynchronous appendchild head

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

div.appendChild().appendChild()

从逻辑上讲,我想在 div 的链接中嵌入图像。我已经通过链接或图像成功地做到了这一点。为了我的目的,我什至用链接和图像并行(这是无用的)完成了它。但似乎无法将图像包裹在 div 内的链接中。

var div = OpenLayers.Util.createDiv();
var img = OpenLayers.Util.createImage(null, null, null, null, null, null, null, delayDisplay);
img.className = "olAlphaImg";
img.alt = altText;

var link = document.createElement("a");
// link.setAttribute("href", "#");
link.href="#" + altText;
link.appendChild(img);

div.appendChild(link); 

OpenLayers.Util.modifyAlphaImageDiv(div, id, px, sz, imgURL, position, border, sizing, opacity, altText);

return div;
Run Code Online (Sandbox Code Playgroud)

这是针对 OpenLayers 的,我试图确保键盘导航。我只是不知道如何用 javascript 来做到这一点,所有的例子只使用一个 appendChild 引用。我已经尝试过使用 innerHTML() 但我没有使用字符串,所以这似乎没什么用。

javascript appendchild

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

如何将HTML字符串附加到DocumentFragment?

我正在将textnodes添加到documentFragment中,如下所示:

var foo = document.createDocumentFragment();
var someText = "Hello World";
foo.appendChild(document.createTextNode(someText));
Run Code Online (Sandbox Code Playgroud)

这工作正常,但有时我传递"文本",其中包括这样的内联链接:

var someOtherText = "Hello <a href='www.world.com'>World</a>";
Run Code Online (Sandbox Code Playgroud)

我的处理程序中的哪个转换为硬编码文本而不是链接.

问题:
如何将上述HTML字符串附加到documentFragment中?如果我不使用,textNodes可以使用appendChild吗?

html javascript string appendchild createtextnode

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

如何使用 DOMDocument insertBefore

我有一个 div,我试图在 div 中现有的 h3 和 p 元素之前插入几个元素(h3 和 p)。insertBefore ( http://www.php.net/manual/en/domnode.insertbefore.php )的 PHP 文档说这正是应该发生的情况,但它不是在现有元素之前插入,而是替换里面的所有现有元素我的“内容”分区。

这是我的代码:

$webpage = new DOMDocument();
$webpage->loadHTMLFile("news.html");

$headerelement = $webpage->createElement('h3', $posttitle);
$pelement = $webpage->createElement('p', $bodytext);

$webpage->formatOutput = true;
$webpage->getElementById('content')->insertBefore($headerelement);
$webpage->getElementById('content')->insertBefore($pelement);

$webpage->saveHTMLFile("newpost.html");
Run Code Online (Sandbox Code Playgroud)

我确信我只是不明白一些事情......任何帮助将不胜感激,谢谢。

php appendchild domdocument createelement

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