gpt4 book ai didi

javascript - 无法使用 createElement 为 div 标签创建 anchor ?

转载 作者:行者123 更新时间:2023-12-02 17:38:24 26 4
gpt4 key购买 nike

在过去的 20 分钟里,我一直被这样一个简单的问题搞糊涂了,以至于问起来都有点尴尬。基本上我想为已经存在的 div 创建一个 anchor 标记,但我想使用 DOM 来创建 anchor 。由于某种原因,我无法解决这个简单的问题。尝试过单引号和双引号,将脚本标记从 head 移动到 body 等...

这是代码

<html>
<head>
</head>

<body>
<div id = "image_div">
<img src = "my_image.png" />
</div>
<script type="text/javascript">
var DIV = document.getElementById("image_div");
var anchor = document.createElement("a");
anchor.href = "http://www.stackoverflow.com";
DIV.appendChild(anchor);
</script>

</body>
</html>

最佳答案

您的示例工作正常..并且还将您的a子项附加到DOM,但是您必须插入一个文本和一些符号才能显示它可以单击..

 var DIV = document.getElementById("image_div");
var anchor = document.createElement("a");
anchor.href = "http://www.stackoverflow.com";
anchor.innerText = "Click Me";
DIV.appendChild(anchor);

See Fiddle

或者,如果您想换行,请将 a anchor 标记定位到 img,然后使用:

 var DIV = document.getElementById("image_div");
var img1 = document.getElementById("img1");
var anchor = document.createElement("a");
anchor.href = "http://www.stackoverflow.com";
anchor.appendChild(img1);
DIV.appendChild(anchor);

WORKING DEMO

关于javascript - 无法使用 createElement 为 div 标签创建 anchor ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22433666/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com