小编Mil*_*vić的帖子

使用具有特定ID的DIV内的JavaScript动态添加HTML元素

好的,我需要你的帮助.我在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

22
推荐指数
1
解决办法
7万
查看次数

使用iframe和生成的元素的Jquery简单模态对话框

好的,伙计们,我需要你的帮助.我的英语不太好,所以我希望你能理解我的意思.

我需要一些非常简单的模态对话框,它只能通过JavaScript或Jquery生成.在那个模态中,我将有一些iframe.其中的Modal和iframe必须通过JavaScript或Jquery生成,因为我只需要一些代码<script><a>链接body来调用js或jquery代码并生成带有iframe的模态.

如果需要CSS来创建模态和iframe,那么CSS也将通过该代码创建.客户端会将这些<script><a>标签放在他的网站上,然后单击使用iframe获取模态.在iframe中将是我自己网站的内容.我需要广告,例如Google广告.

PS我知道如何通过JavaScript创建iframe,所以基本上我需要那个模态对话框来完成代码.我可以在没有模态对话框的情况下使用弹出窗口,但我需要更好的解决方案.

有什么建议?谢谢.

javascript jquery

3
推荐指数
1
解决办法
6298
查看次数

Jquery:替换从锚标记获取链接的图像源

我需要帮助,但我无法通过从锚标签获取 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)

http://jsfiddle.net/7AqkS/1/

谢谢,我不擅长 jquery :(

html javascript css jquery

3
推荐指数
1
解决办法
2921
查看次数

标签 统计

javascript ×3

jquery ×2

css ×1

html ×1