问题描述
我想看看是否有人可以帮助我.我想看看如何在我的页面中插入评论,并在当场更新它,但是问题是,我不确定该怎么做.我试图看起来像这样的网站,但我不知道如何使其正常工作,因为即使查看源代码,它似乎也没有帮助.这就是我到目前为止所拥有的.
I wanted to see if anyone could help me with this. I wanted to see how to insert a comment into my page and have it update on the spot but the problem is, I am not sure how to do it. I have tried to look like sites like this one I don't know how to get it to work correctly since even with looking at the source, it doesn't really seem to help. This is what I have so far.
<!DOCTYPE html>
<!--
this is a comment, the above indicates the formal document type
(like what a file extension does, but as part of the document)
-->
<html>
<head>
<!-- the head section is things that aren't visible on the page, like the title -->
<title>Da Blog</title>
<!-- we'll put lots more in here later -->
<link rel="stylesheet" type="text/css" href="jquery.css" />
<script src="http://code.jquery.com/jquery.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
</head>
<body>
<!-- the body is where the visible stuff goes -->
<br/><br/><br/>
<hr>
<h1>My Uber Fake Blog</h1>
<hr>
<p>
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
This is a wall of text for my uber fake blog!!!!
</p>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Add a comment</h3>
</div>
<div class="panel-body">
<form id="comment_form">
<div class="form-group">
<input type="textbox" id="comment_name" placeholder="Name"
class="input-large form-control"/>
</div>
<div class="form-group">
<textarea rows="4" cols="60" id="comment" placeholder="Comment"
class="form-control"></textarea>
</div>
<div class="form-group">
<button id="post" class="btn">Post</button>
</div>
</form>
</div>
</div>
<div id="comment_list">
<div class="panel panel-default comment">
<div class="panel-heading">etomai</div>
<div class="panel-body">
This is my comment. I think the post is too long.
</div>
</div>
<div class="panel panel-default comment">
<div class="panel-heading">etomai</div>
<div class="panel-body">
This is my comment. I think the post is too long.
</div>
</div>
</div>
</div>
</div>
</body>
</html>
推荐答案
类似于向 DOM树中添加 HTMLElement ,注释也是 Node ( nodeType 8
),并且将以相同的方式工作.使用 document.createComment
制作一个新的您可以修改 data 属性以更改其内容.
Similar to adding a HTMLElement to the DOM Tree, a Comment is also a Node (nodeType 8
) and will work in the same way. Use document.createComment
to make a new one, and you can modify the data property to change it's contents.
这篇关于如何在页面中插入评论的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!