使用javascript在<footer>标记中附加文本

Question

我是一名新手，我的问题是我想在页脚标记中附加一些文字，我的代码在下面

<script>
    var result_string = '<?php echo $result_string; ?>';
    var newpara = document.createElement("p");
    var add_footer = document.createTextNode(result_string);
    newpara.appendChild(add_footer);

    var getFooter = document.getElementsByTagName('footer').innerHTML;
    alert(getFooter);

    get_footer.innerHTML = "<p>" + result_string + "</p>";
    //  $("#getFooter").append(newpara);
</script>

我没有对页脚文字进行任何更改，请帮助

Answer 1

getElementsByTagname返回一组匹配的元素。

document.getElementsByTagName('footer')[0].innerHTML;

更新以下代码使用+=追加。

var getFooter = document.getElementsByTagName('footer')[0];
getFooter.innerHTML += "<p>" + result_string + "</p>";

<强> Demo Fiddle

或者使用jQuery（包括jQuery引用），

$(getFooter).append("<p>" + result_string + "</p>");

或者

$(getFooter).append($("<p/>",{ text : result_string}));

Answer 2

<script>
    var result_string = '<?php echo $result_string; ?>';
    var newpara = document.createElement("p");
    var add_footer = document.createTextNode(result_string);
    newpara.appendChild(add_footer);

    var getFooter = document.getElementsByTagName('footer');
    alert(getFooter);

    getFooter.innerHTML = "<p>" + result_string + "</p>";
    //  $("#getFooter").append(newpara);
</script>

Answer 3

使用内容将内容附加到页脚

＆＃13;

＆＃13;

//$("#getFooter").append($('<p></p>').html('<?php echo $result_string; ?>')); // uncomment for your code
$("#getFooter").append($('<p></p>').html('My cool string...')); // no php for demo

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<footer id="someId"></footer>

＆＃13;

＆＃13;

＆＃13;

或按班级：

＆＃13;

＆＃13;

//$(".getFooter").append($('<p></p>').html('<?php echo $result_string; ?>')); // uncomment for your code
$(".getFooter").append($('<p></p>').html('My cool string...')); // no php for demo

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<footer id="someId" class="getFooter"></footer>

＆＃13;

＆＃13;

＆＃13;

或者，定位页脚标记本身：

＆＃13;

＆＃13;

//$('footer').append($('<p></p>').html('<?php echo $result_string; ?>')); // uncomment for your code
$('footer:last').append($('<p></p>').html('My cool string...')); // no php for demo

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<footer id="someId1"></footer>
<footer id="someId2"></footer>
<footer id="someId3"></footer>
<footer id="someId4"></footer>

＆＃13;

＆＃13;

＆＃13;

Answer 4

<script>
$(document).ready(function(){
   $('footer').append("<p>"+"<?php echo $result_string; ?>"+"</p>");
});
</script>

因为问题被标记为jQuery ......这里是......

只需使用jQuery即可完成。没有纯粹的javascript。

<强>更新

最后页脚

<script>
$(document).ready(function(){
   $('footer:last').append("<p>"+"<?php echo $result_string; ?>"+"</p>");
});
</script>