好的,我需要你的帮助.我在Stackoverflow上找到了一些代码(无法找到那个链接),它通过JS动态生成HTML代码.这是代码:
function create(htmlStr) {
var frag = document.createDocumentFragment(),
temp = document.createElement('div');
temp.innerHTML = htmlStr;
while (temp.firstChild) {
frag.appendChild(temp.firstChild);
}
return frag;
}
var fragment = create('<div class="someclass"><a href="www.example.com"><p>some text</p></a></div>');
document.body.insertBefore(fragment, document.body.childNodes[0]);
Run Code Online (Sandbox Code Playgroud)
这段代码工作很好!但生成的代码在页面顶部,body标签正下方.我的愿望是在div具有特定的空内生成该代码id="generate-here".
所以输出将是:
<div id="generate-here">
<!-- Here is generated content -->
</div>
Run Code Online (Sandbox Code Playgroud)
我知道我看不到使用"查看源"生成的内容.我只需要在这个特定的地方生成那些内容#generate-here.我是Javascript noob,所以如果有人可以重新排列这个完美的代码.非常感谢!
PS我知道如何用Jquery做这个,但在这种情况下我需要原生和纯JavaScript.
好的,伙计们,我需要你的帮助.我的英语不太好,所以我希望你能理解我的意思.
我需要一些非常简单的模态对话框,它只能通过JavaScript或Jquery生成.在那个模态中,我将有一些iframe.其中的Modal和iframe必须通过JavaScript或Jquery生成,因为我只需要一些代码<script>并<a>链接body来调用js或jquery代码并生成带有iframe的模态.
如果需要CSS来创建模态和iframe,那么CSS也将通过该代码创建.客户端会将这些<script>和<a>标签放在他的网站上,然后单击使用iframe获取模态.在iframe中将是我自己网站的内容.我需要广告,例如Google广告.
PS我知道如何通过JavaScript创建iframe,所以基本上我需要那个模态对话框来完成代码.我可以在没有模态对话框的情况下使用弹出窗口,但我需要更好的解决方案.
有什么建议?谢谢.
我需要帮助,但我无法通过从锚标签获取 url 链接来替换图像源。我需要为多个 div 重复此操作。
我拥有的是 n 个 div,以及每个 div 中带有图像的锚标记。当有人将鼠标悬停在图像标签上时,应该通过从锚标签获取源来更改图像的来源,我还想禁用锚点击。这可能吗?
看看代码:
<div class="slide" data-type="image">
<a href="http://www.extremetech.com/wp-content/uploads/2012/12/Audi-A1.jpg">
<img data-image="http://earnthis.net/wp-content/uploads/2013/09/Toy-Story-2-Disney-Wallpaper-Picture.jpg"
data-src="http://earnthis.net/wp-content/uploads/2013/09/Toy-Story-2-Disney-Wallpaper-Picture.jpg"
src="http://earnthis.net/wp-content/uploads/2013/09/Toy-Story-2-Disney-Wallpaper-Picture.jpg"
/>
</a>
Run Code Online (Sandbox Code Playgroud)
谢谢,我不擅长 jquery :(