捕获HTML值并将其放置在img src属性中

狼人

在该代码中,如何捕获半冒号之后的所有数字?

忽略此rgFHTeVZ-4444322794,它仅出现是因为我正在使用预览链接。

<p id="productName">rgFHTeVZ-4444322794Diecut model number: 110</p>

productName是通过以下脚本中的URL参数动态添加的:

<script type='text/javascript'>
    // start by creating a function 
    function loadUp(){
        var str = decodeURIComponent(window.location.search.replace(/(?:(\D+=))/ig, "")) //get the search parameters from the url and remove everything before the "=" sign
        
        document.getElementById('productName').innerHTML = str //assign that string to the "innerHTML" of the h1 tag that has an id of "productName"
    };

    window.onload = loadUp; // once the page has loaded, fire off that function
</script>

我想获取这些数字,并使用它们将其动态添加到img src属性中,以便图像将根据参数进行更改。

我想动态更改110。

img src如下所示:https : //cdn2.hubspot.net/hubf/43534/asset-diecut/sampleImage/110_a.png

任何帮助,将不胜感激,谢谢

DCR
1) get contents of div as string
2) split string into array broken on :
3) assign div new innerHTML

let text = document.getElementById('productName').innerHTML

let textArray = text.split(': ')

document.getElementById('productName').innerHTML = (textArray[1]).trim()
<p id="productName">rgFHTeVZ-4444322794Diecut model number: 110</p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用<img src =“”>中的属性?

来自分类Dev

在 JQuery 中动态更改 img src 属性

来自分类Dev

从XML提取数据并将其放置在HTML表中

来自分类Dev

我如何从HTML获取src和图片的值,并将其存储到php变量中?

来自分类Dev

用户可以在<img> src属性中执行哪些恶意操作?

来自分类Dev

单击获取数据属性并将其放置在div中

来自分类Dev

无法在 Javascript 中更改 img 的 src(无法将属性“src”设置为 null)

来自分类Dev

如何使用 jquery/javascript 在图像标签 <img src=""> 的 src 属性中传递字符串?

来自分类Dev

如何在jQuery中更改视频src属性值?

来自分类Dev

如何使用src属性在html中打开安全的url

来自分类Dev

json值的img src属性在android TextView中显示小蓝色框

来自分类Dev

将后代img元素的src属性插入到父元素的href属性中

来自分类Dev

Perl:如何从文本文件中读取不同的值并将其放置在数组中?

来自分类Dev

提取{动态}之间的所有值并将其放置在字符串数组中

来自分类Dev

拍照并将其放置在图库中

来自分类Dev

动态设置img的src属性

来自分类Dev

按行捕获非缺失值并将其存储在新变量中

来自分类Dev

使用Javascript捕获值输入字段并将其放在目标URL中

来自分类Dev

在Reactjs中如何从数据库中获取数据时如何控制img属性src

来自分类Dev

无法使用<img src =“” onclick ='window.open('anotherpage.html','_ blank“);' 正确显示HTML中的属性

来自分类Dev

我如何使用在JavaScript中创建的变量来设置HTML中图像的“ src”属性?

来自分类Dev

除了<img>中还有ng-src属性的另一种用法

来自分类Dev

struts属性标记不能与jsp中的<img src>标记一起使用

来自分类Dev

如何将img src属性绑定到vue.js中的动态URL

来自分类Dev

如何从Android中的字符串替换<img>标签的src属性

来自分类Dev

在HTML中使用img标签src属性显示图像与在CSS中设置样式之间有什么区别?

来自分类Dev

如何从一个HTML文件中获取特定的div并将其放置在其他的HTML文件?

来自分类Dev

正则表达式以匹配视频代码中的src属性值

来自分类Dev

在没有src属性的情况下获取对Twitter iframe中html元素的访问

Related 相关文章

  1. 1

    如何使用<img src =“”>中的属性?

  2. 2

    在 JQuery 中动态更改 img src 属性

  3. 3

    从XML提取数据并将其放置在HTML表中

  4. 4

    我如何从HTML获取src和图片的值,并将其存储到php变量中?

  5. 5

    用户可以在<img> src属性中执行哪些恶意操作?

  6. 6

    单击获取数据属性并将其放置在div中

  7. 7

    无法在 Javascript 中更改 img 的 src(无法将属性“src”设置为 null)

  8. 8

    如何使用 jquery/javascript 在图像标签 <img src=""> 的 src 属性中传递字符串?

  9. 9

    如何在jQuery中更改视频src属性值?

  10. 10

    如何使用src属性在html中打开安全的url

  11. 11

    json值的img src属性在android TextView中显示小蓝色框

  12. 12

    将后代img元素的src属性插入到父元素的href属性中

  13. 13

    Perl:如何从文本文件中读取不同的值并将其放置在数组中?

  14. 14

    提取{动态}之间的所有值并将其放置在字符串数组中

  15. 15

    拍照并将其放置在图库中

  16. 16

    动态设置img的src属性

  17. 17

    按行捕获非缺失值并将其存储在新变量中

  18. 18

    使用Javascript捕获值输入字段并将其放在目标URL中

  19. 19

    在Reactjs中如何从数据库中获取数据时如何控制img属性src

  20. 20

    无法使用<img src =“” onclick ='window.open('anotherpage.html','_ blank“);' 正确显示HTML中的属性

  21. 21

    我如何使用在JavaScript中创建的变量来设置HTML中图像的“ src”属性?

  22. 22

    除了<img>中还有ng-src属性的另一种用法

  23. 23

    struts属性标记不能与jsp中的<img src>标记一起使用

  24. 24

    如何将img src属性绑定到vue.js中的动态URL

  25. 25

    如何从Android中的字符串替换<img>标签的src属性

  26. 26

    在HTML中使用img标签src属性显示图像与在CSS中设置样式之间有什么区别?

  27. 27

    如何从一个HTML文件中获取特定的div并将其放置在其他的HTML文件?

  28. 28

    正则表达式以匹配视频代码中的src属性值

  29. 29

    在没有src属性的情况下获取对Twitter iframe中html元素的访问

热门标签

归档