使Alt属性具有超级脚本

时间：2016-01-28 17:55:25

标签： javascript html

我暂时无法理解这一点。

我想在图像的Alt属性中使用超级脚本。当我使用

时，我制作的代码工作正常 
document.write
innerHTML

因为我知道读取脚本时HTML解析器会读取<sup></sup>标记并将其作为上标之间的文本。但是如何使 Alt 属性或<input>标记具有上标值。

我想要这样的事情：

<input type="text" value="Hi, this is my 1<sup>st</sup> award">

在屏幕上输出为带有预填充文本的输入框

enter image description here

我已经制作了以下代码，但无法弄清楚它的位置：

<body>
<img src="test.jpg" height="400px" width="500px" alt=''>
<script type="text/javascript">
   var title = "Test String having 1st";
   var one = "st";
   one='1'+one.sup();
   title = title.replace(/1st/g, one);
   document.getElementsByTagName('img')[0].setAttribute('alt',title);
</script>
</body>

1 个答案:

答案 0 :(得分：-1)

为了更简单的解决方案，您可以使用编辑器并删除工具栏并设置它的html内容，这是一个示例编辑器https://mindmup.github.io/bootstrap-wysiwyg/，您可以轻松关闭工具栏，然后将所需的html添加到其中。

对于alt，您可以使用on error属性并在其上调用自定义属性。如果您需要进一步详细说明，请与我们联系。

相关问题
最新问题