首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >无法在js中设置元素的href和src

无法在js中设置元素的href和src
EN

Stack Overflow用户
提问于 2020-11-07 12:43:22
回答 1查看 19关注 0票数 0

我有一段代码是这样写的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var footerDiv = document.getElementsByClassName("copyright")[0];

window.addEventListener('load', function() {
    var button = document.createElement('button')
    footerDiv.append(button)
    button.src = 'https://img.shields.io/badge/%20-ComuBot--Tranlator-%23159818';
    button.href = "https://github.com/AnonHexo/public-scripts";
    button.id = 'srcButton';
})

但是当我运行代码时,按钮没有出现(显示为一个点".")而且它没有src和href属性。

我尝试添加按钮的站点是https://comubot.cf

请帮帮我。谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-11-07 13:09:26

按钮元素没有srchref属性。相反,您可以使用图像和锚点元素来完成任务

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var footerDiv = document.getElementsByClassName("copyright")[0];

window.addEventListener('load', function() {
    var a = document.createElement('a');
    a.id='srcButton';
    a.href = "https://github.com/AnonHexo/public-scripts";
    
    var img = document.createElement('img');
    img.src = 'https://img.shields.io/badge/%20-ComuBot--Tranlator-%23159818';
    a.append(img)
    footerDiv.append(a)
})
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="copyright"></div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64727763

复制
相关文章
HTML中href和src的区别
闲着没事写写单页,免得忘了老底,结果写着写着,发现我把HTML里的href和src又搞混了,想了想干脆写篇博客记下来,毕竟好记性不如烂笔头嘛。
用户7162790
2022/03/23
1.3K0
url、href和src区别
url (Uniform Resource Locator)统一资源定位符 href (Hypertext Reference)超文本引用 src (Source)资源,引用资源替代当前元素,在img、script、iframe中使用。 统一资源定位符,表示从互联网上得到的资源的位置和访问方法,是互联网上标准资源的地址。互联网上每一个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 一、url介绍 1、绝对URL(absolute URL) 显示文件的完整路径,这意味着绝对UR
pitaojin
2018/05/24
6.9K0
简述src和href的区别
href是Hypertext Reference的简写,表示超文本引用,指向网络资源所在位置。
切图仔
2022/09/08
1K0
day003: src和href的区别是什么?
href是Hypertext Reference的简写,表示超文本引用,指向网络资源所在位置。
用户3806669
2021/03/11
1.8K0
jsp中在href中传递参数
<% Configuration conf = new Configuration(); URI uri = new URI("hdfs://192.168.0.52:9010"); FileSystem fileSystem = FileSystem.get(uri, conf); //System.out.println("Hdfs directory is"+"\n"); Path src1 = new Path("hdfs://192.168.0.52:9
闵开慧
2018/03/30
4.7K0
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"、"location.href"是本页面跳转.
botkenni
2022/03/24
2.1K0
前端面试题-url、href、src
比如网址 http://segmentfault.com/html/...,必须遵守以下的语法规则:
WEBING
2019/02/26
9280
链接中 href='#' 和 href='###' 的区别以及优缺点
     首先,<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同。其次,使用 <a> 标签 + onclick='{jscode}'  时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 '#' 和 '###' 的区别。      简单地说,就是说如果想定义一个空的链接,又不
deepcc
2018/05/16
1.8K0
在未知大小的父元素中设置居中
当提到在web设计中居中元素时。关于被居中的元素和它父元素的信息,你知道的越多就越容易设置。那么假如当你不知道任何信息?居中也是可设置的。
lesM10
2019/08/26
4.1K0
在未知大小的父元素中设置居中
Javascript中的href
版权声明:博客文章都是作者辛苦整理的,转载请注明出处,谢谢! https://blog.csdn.net/Quincuntial/article/details/52933031
Tyan
2019/05/25
1.5K0
jQuery和js获取页面中所有a链接的href值
利用JavaScript和jQuery获取页面中的a链接: jQuery方法: //$('a') 获取了所有的a标签,然后循环获取 $('a').each(function(){     var href = $(this).attr('href');     console.log(href); }); JavaScript方法: 可以封装成一个函数 function getHref(){     var hrefArr = document.getElementsByTagName('a'); //获
德顺
2019/11/13
14.6K0
如何用JS来搞定webdriver无法操作的元素
照常的周五TestOps测试运维课程总结时间~在上周六的全天课程以及周三晚上的复习答疑课程,我们一起学习了Python面向对象编程,以及关于web开发、UI自动化必备基础——前端知识。
TestOps
2022/04/07
9120
如何用JS来搞定webdriver无法操作的元素
void 在 JS 和 TS 中的区别
如果你用过传统的强类型语言,可能会很熟悉 void 的概念:一种类型,告诉你函数和方法在调用时不返回任何内容。
疯狂的技术宅
2021/09/02
4K0
void 在 JS 和 TS 中的区别
快速在组合中查找重复和遗失的元素
? ? ? ? ? ? ? ?
望月从良
2018/09/29
4.4K0
快速在组合中查找重复和遗失的元素
<script>元素在XHTML中的用法
  编写XHTML代码的规则要比编写HTML严格得多,例如如下代码: 1 <script type="text/javascript"> 2 function compare(a, b){ 3 if(a < b) { 4 alert("A is less than B"); 5 } else if(a > b){ 6 alert("A is greater than B"); 7 } els
就只是小茗
2018/03/07
2.5K0
JS中添加元素的方法
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/152078.html原文链接:https://javaforall.cn
全栈程序员站长
2022/06/25
9.8K0
JS中添加元素的方法
[javascript] js删除数组中的元素
arr.splice(start,delete_length) 这种方式数组长度相应改变,原来的索引也相应改变。 splice()删除后返回的是删除的元素。 另外splice()还可以添加,替换数组元素。
唯一Chat
2021/08/05
11.4K0
js操作DOM在父元素中的结尾添加子节点注意
所以js是不能直接传入字符串的,但是jquery的append可以直接传入html字符串。
蓓蕾心晴
2018/10/25
9.9K0
js操作DOM在父元素中的结尾添加子节点注意
点击加载更多

相似问题

在<a>中添加图像src和List.js href

54

无法在img src中设置Js变量。

15

SRC和HREF之间的区别

1374

在父元素的href属性中插入子类img元素的src属性

30

“url”、“src”和“href”的差异

33
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文