javascript - 在网页上列出电子邮件地址
问题描述
我正在尝试通过 css 着色和更改字体大小,但它不起作用。以下是我写的,但它不起作用,我不知道问题是什么。欢迎任何想法?
javascript
<script>
emailA = 'thestation.com'
emailA = ('jason' + '@' + emailA)
document.write('<a href="mailto:' + emailA +'">' + emailA +'</a>')
</script>
<br>
<script>
emailB = 'thestation.com'
emailB = ('arnold' + '@' + emailB)
document.write('<a href="mailto:' + emailB +'">' + emailB +'</a>')
</script>
<br>
<script>
emailC = 'thestation.com'
emailC = ('vincent' + '@' + emailC)
document.write('<a href="mailto:' + emailC +'">' + emailC +'</a>')
</script>
<br>
<script>
emailD = 'thestation.com'
emailD = ('paul' + '@' + emailD)
document.write('<a href="mailto:' + emailD +'">' + emailD +'</a>')
</script>
CSS
.emailA {
font-size: 2em;
color: green;
}
.emailB {
font-size: 3em;
colour: green;
}
.emailC {
font-size: 4em;
colour: green;
}
.emailD {
font-size: 5em;
colour: green;
}
HTML
<div class="emailA"></div>
<div class="emailB"></div>
<div class="emailC"></div>
<div class="emailD"></div>
解决方案
您根本没有在 HTML 中使用 div。尝试像这样在每个元素中添加类
document.write('<a href="mailto:' + emailA +'" class="emailA">' + emailA +'</a>')
你会看到链接样式正确。
推荐阅读
- firebase - 使用电容器在 ionic4 上构建时找不到符号导入 com.google.firebase.iid.FirebaseInstanceId
- tensorflow - Tensorflow如何产生前几行的掩码为1,其余为0
- php - Yii2 Yii::$app->request 与 $this->request
- java - 这个二分搜索有什么问题?索引越界
- python - 如何根据状态列拆分 Pandas 数据帧
- mysql - 集合中的不同条目
- flutter - 如何在颤动中一起创建抽屉和底部导航栏?
- reactjs - 工具栏 Draftjs 编辑器中的自定义按钮
- postgresql - 查找每天的最小值和日期时间
- javascript - 我该如何做到这一点只允许字母、空格和退格?