使用Javascript将表添加到指定的站点

时间:2014-06-29 10:15:15

标签: javascript greasemonkey

所以我有一个表,我想用Javascript添加到一个网页(事实上每组网页都有不同的数据)。 一个例子是: http://www.aljazeera.com/sport/brazil2014/2014/06/nigeria-send-bosnia-herzegovina-packing-2014621234148521134.html 我希望将我的表添加到右侧列(以“Fixtures ..”开头的那个列,只要它出现! 假设这是我创建表格的方式:

function createTable(list){

    var body = document.body, tbl  = document.createElement('table');
    tbl.setAttribute("style", "border: 0px solid #ccc;position:absolute;top:00px;right:0px;");

    for(var i = 0; i < ((list.length) ); i++){
        var tr = tbl.insertRow();
        for(var j = 0; j < 1; j++){
            var td = tr.insertCell();
            var a = document.createElement('a');
                    var linkText = document.createTextNode((list[i]));
            a.appendChild(linkText);
            a.title = list[i];
         td.appendChild(a);
        }
    }
    tbl.style.width='25%';
    body.appendChild(tbl);
}

createTable(["TEST1", "TEST2"])

(我已经循环并添加了信息,所以这不是问题)。 我尝试创建新的div,插入我的表,但它从未出现过。我的想法已经不多了;任何帮助都可以,谢谢!

1 个答案:

答案 0 :(得分:0)

我真的不明白你的问题。也许你必须澄清你的问题。您提供的代码运行良好。要将表格集成到“FIXTURES”下方,只需删除内联CSS(至少是绝对定位)并将body.appendChild(...)替换为:

var container = document.querySelector('#ctl00_ctl05_layout1 ._boxBody.box_bodyFalseTrue');
container.insertBefore(tbl, container.firstChild);

它将出现在“FIXTURES”标题下方的最顶层。