好吧我是新的javascript,但我试图改变div标签的innerhtml,继承我的脚本,它不工作:
<head>
<script type="text/javascript">
function var1() {
document.getElementById('test').innerHTML = 'hi';
}
window.onLoad = var1();
</script>
</head>
<body>
<div id="test">change</div>
</body>
它应该工作,但由于某种原因它没有,任何帮助？
我正在使用jQuery来更改标记的HTML,而新的HTML可能是一个非常长的字符串.
$("#divToChange").html(newHTML);
然后我想选择在新HTML中创建的元素,但是如果我将代码紧跟在上面的行之后,它似乎创建了一个带有长字符串的竞争条件,其中html()所做的更改可能不一定完成渲染.在这种情况下,尝试选择新元素并不总是有效.
我想知道的是,当html()的更改完成渲染时,是否有事件被触发或者其他一些方式被通知？我遇到了jQuery手表插件,它可以正常工作,但它并不理想.有没有更好的办法 ？
我有一个函数,用几行基本的JavaScript代码模拟输入,但是它附加了文本,但是我想在任何其他已经存在的文本/元素之前将文本添加到元素之前而不更改html结构.
如何通过最简单的JavaScript实现这一目标？
JavaScript的
var el = getElementById('one'), str = 'Abcdefg...'
function type(){
el.innerHTML += str.charAt(i); i++;
if(i < str.length){var t = setTimeout(type, 30);}
};type();
HTML
<span id="one">...<span id="endingEl"></span></span>
我正在尝试执行以下操作(我正在使用原型库):
var div = document.createElement('div');
div.innerHTML = '<script src="somescript.js"></script>';
$('banner').insert(div);
在IE中,在第二行中设置属性后,div.innerHTML属性始终等于"".
这个片段在一个函数中,它覆盖了外部供应商脚本中的document.write(),这就是为什么我这样做而不是创建一个脚本元素并直接将它附加到div元素.
任何帮助真的很感激,这给了我白发!
我正在开发我的第一个Firefox扩展,为此我需要获得当前页面的完整源代码.我怎么能用XUL做到这一点？
我的问题是我不知道如何显示我的表格的innerhtml.
表单就像一个调查表单,一旦你点击提交按钮,我所回答的所有内容都会显示为摘要页面......
function displayResult() {
var first = document.getElementById("first").value;
var middle = document.getElementById("middle").value;
var last = document.getElementById("last").value;
alert("oh");
var maincontent = document.getElementById("content").innerHTML;
maincontent = "<p>" + first;
}
我有第三方脚本导入菜单,我无法编辑此第三方脚本.它会生成如下代码:
<div id="wmenu-updated" style="display: block;">
<small>Menu updated</small>
<span innerhtml="19 hours ago"></span>
</div>
它应该19 hours ago在span中显示为文本,但无论出于何种原因它都不起作用,脚本的制作者在修复错误方面没什么帮助.
有没有办法,使用jQuery,一旦页面加载,我可以把innerhtml它作为文本在该跨度内吐出？
为什么不起作用innerHtml？
<script src="jquery.js"></script>
<script type="text/javascript">
function chat()
{
alert ("started!");
document.getElementById("test").innerHtml="foo";
}
</script>
<body id="body" onload="chat();">
<p id="test">
test..
</p>
</body>
"开始!" 正在显示,但内容<p>不会foo按预期更改.为什么？
我得到了一个外部样式表(.css文件),不会以任何方式改变.但是,我需要将此样式表应用于单个div,因此我已经存在的网页中的div的内容.我目前正在将样式表的内容作为文本读入我需要影响的div中的空白样式标记(使用.innerHTML)但这仍然影响整个网页而不仅仅是单个div.有人可以帮忙吗？
我有这个动态创建的布局：
for (let i = 1; i < 10; i++) {
document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div">
<div class="col-12 col-sm-12 col-md-2 text-center">
<img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80">
</div>
<div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6">
<h4 class="name"><a href="#" id="title` + i + `">Name</a></h4>
<h4>
<small>state</small>
</h4>
<h4>
<small>city</small>
</h4>
<h4>
<small>zip</small>
</h4>
</div>
<div class="col-12 col-sm-12 text-sm-center col-md-4 text-md-right row">
</div>
</div>
`
document.getElementById("title" + i).addEventListener('click', function() {
console.log(i)
});
}<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<div class="card-body">
<!-- person --> …