标签: appendchild

我向mozilla目录提交了一个Firefox插件,因此被拒绝了:

item.innerHTML =   '<table style="border-collapse: collapse; width: 100%;">'
                  + '<tr><td style="line-height: inherit; padding: 0pt; width: 100%;">'
                   + word.title
                   + '</td></tr>'
                    + '</table>';

我跟编辑谈过,他告诉我" use a text node and then insert it using appendChild, textContent, etc"

这对我来说听起来像是完全胡言乱语,我从未使用过TextContent, appendChild等等,而且有点失落.你能告诉我如何做到这一点,我会在我的脚本中编辑其他13个像上面这样的实例吗？

谢谢!

我写了一些代码来处理通过AJAX插入注释.一旦输入注释,从服务器接收到HTML并用于.append()将其插入DOM,似乎不会处理.hover()新项目的事件.

有代码:

/**
 * This code manage insert comment with ajax
 **/

$(document).ready(function() 
{
    $('form[id^=insert_comment_for_product_]').submit(function (event)
    {
        event.preventDefault();

        var productId = $(this).attr('id');
        var productIdClear = productId.substr(productId.lastIndexOf('_', 0) - 1, productId.length);

        var textarea = $('#' + $(this).attr('id') + ' textarea').val();
        var textareaId = $('#' + $(this).attr('id') + ' textarea').attr('id');
        var token = $('#' + $(this).attr('id') + ' input#user_comment_product__token').val();

        var gif = $(this).parent('div').children('img.insert_comment_img');
        $(gif).show();

        $.post($(this).attr('action'),
        {
            'id': productIdClear.toString(),
            'user_comment_product[comment]': textarea,
            'user_comment_product[_token]' : token
        },
        function(data) 
        {
            $('div.product_comment>div').append(data);
            $('#' …

我的问题是:是否可以在不重写相同变量的情况下添加相同的元素.我正在创建一个滑块,我需要将div一个类附加slide-el到块中slider.这是代码的一部分

    var body, html, sliderBody, btnLeft, btnRight, i, parts, vHeight, vWidth;
//Variable definitions
var i = 0,
    parts = 3,

    //Main html elements
    body = document.body,
    html = document.element,

    //viewport Height and Width
    vHeight = window.innerHeight,
    vWidth = window.innerWidth,

    sliderBody = _id("slider"),
    btnLeft = _id("btn-left"),
    btnRight = _id("btn-right"),

    urls = ["http://www.wallpapereast.com/static/images/pier_1080.jpg",
            "http://www.wallpapereast.com/static/images/pier_1080.jpg",
            "http://www.wallpapereast.com/static/images/pier_1080.jpg",
            "http://www.wallpapereast.com/static/images/pier_1080.jpg"];

    slide = _createEl("div");
    slide.className += "slide-el";

function _id(el){
  return document.getElementById(""+ el +"");
}
function _createEl(el){
  return document.createElement(""+ el +"");
} …

我正在尝试编写一个简短的javascript函数，以将上一个/下一个按钮添加到我放在一起的css-slider中。
我没有访问DOM的权限，所以我想只通过javascript插入div即可。这是函数：

function createfn(){
  var element = document.createElement("div");
  var prev = document.createTextNode("<");
  element.appendChild(prev);
  document.getElementsByClassName("sqs-gallery")[0].appendChild(element);
}
window.onload=createfn();

我收到一个错误：

“无法读取未定义的属性'appendChild'”

div带有类的容器.sqs-gallery肯定会出现在页面上。我在问这是否在DOM完全加载之前就以某种方式运行，但是我window.onload在那里（我相信）应该在所有内容加载完毕后再运行函数。

任何想法和帮助将不胜感激！