我是 jQuery 新手。我使用 jQuery append()
添加 HTML
元素。之后查看页面,发现元素未显示,但它们已经添加并且显示在网页中。
代码:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/libs/jquery/jquery.js" type="text/javascript"></script>
</head>
<body>
<div id="button-div">
<button id="test-btn">
Click Me
</button>
</div>
<script>
$('#test-btn').click(function (){
$('#button-div').append("<div>This is sample text</div>");
});
</script>
</body>
</html>
实际上我想要一些元素来添加html网页并将新添加的元素保存到数据库中。
然后我使用 Jquery 来收集内容,它们显示空结果。这就是真正的问题。
最佳答案
您必须使用 DOM 检查器。查看页面源代码只会加载静态 HTML,因为您的 JavaScript 执行添加了动态 HTML,因此它不会以这种方式可见。
关于javascript - 使用 jQuery append() 添加 html 元素后页面源出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23988183/