更改HTML代码的{Javascript

时间:2016-06-21 17:30:35

标签: javascript html html5

当您输入变量以将代码添加到html时,是否可以使用javascript ..?我不太懂英语,所以......我要画画了! 此外,我不希望它改变一切,但我希望它只是添加它 信息到列表..我有预制的HTML页面与链接CSS。 如果您有任何疑问,请问我,帮帮我.. :(

我知道HTML和CSS,java ..甚至没有一点......:/

enter image description here

如果你在这里读到这个,谢谢! < 3

2 个答案:

答案 0 :(得分:0)

也许这样的事情会有所帮助:

HTML:

<table class="table"><tr id="update-table"></tr></table>

<script>

(function(){

    var updater = (function(){

        function updater( options ){
            this.table = options.table;
            this.cells = this.table.querySelectorAll('.cell');
            this.num_cells = this.cells ? this.cells.length : 0;
        }

        updater.prototype.update_element = function( index, value ){

            this.cells[index].innerHTML = value;

        };

        updater.prototype.add_element = function(){
            var td = document.createElement('td');
            td.setAttribute('class','cell');
            this.table.appendChild(td);
            this.cells.push(td);
            this.num_cells++;
        };

        return updater;


    })();

    window.updater = updater;

})();


var table, a, count = 0;
table = document.getElementById('update-table');
a = new updater({table:table});

for(var i = 0; i < 5; ++i){
    a.add_element();
    a.update_element(i,'info'+i);
}

</script>

答案 1 :(得分:0)

您可以通过JavaScript向网页添加html。

1)只需创建一个id为

的div
<div id="enterTextHere"></div>

2)在custom.js文件内或<script></script>内,您可以使用许多不同的方法

方法1:使用innerHTML

var desiredElement = document.getElementById("enterTextHere");
desiredElement.innerHTML = "<p>I added text!</p>";

方法2:使用JQuery.append

$("#enterTextHere").append("I added text!");

我确信还有更多,但没有您的具体代码可以参考这是我能做的最好的。请使用此链接供您参考。它还为您的HTML旅程的其余部分提供了大量有用的信息。请享用! w3schools