基于h1动态更新html元素值

Dynamically update a html element value based on h1

本文关键字：元素 html 更新 h1 动态 基于      更新时间：2023-09-26

好吧，我有一个问题，我正在努力去理解。

在aspx母版页(procedure.master.aspx)上，我有以下元素:

<Tags>
    <wbc:Tag Value="234"></wbc:Tag>
</Tags>

我想要能够做的是改变值这取决于页面内容(过程。例如，如果H1包含"FOO"，则标签Value="BAR"等

根据页面内容将TAG值发送给返回XML的存储过程。

不是javascript GURU，所以对javascript(不是JQuery)或VB.net的任何建议都开放。

如果您不介意在服务器上这样做，可以使用下面的代码。

在你的HTML中添加以下内容:

   <h1 runat="server" id="header1">Foo</h1>
    <div runat="server" id="tag1"></div>

和page load后面的代码:

        If header1.InnerText = "Foo" Then
            tag1.InnerText = "BAR"
        Else
            tag1.InnerText = ""
        End If

或者(为了清晰起见)

在你的HTML中添加以下内容:

   <h1 runat="server" id="header1">Foo</h1>
   <Tags>
       <wbc:Tag Value="234" runat="server" id="tag1"></wbc:Tag>
   </Tags>

和page load后面的代码:

        If header1.InnerText = "Foo" Then
            tag1.Value= "BAR"
        Else
            tag1.Value= ""
        End If

如果您有jQuery，下面的代码片段应该可以工作。这段代码还假设你给你的wbc:Tag元素一个id，在本例中是"myElement"。

$(document).ready(function(){
    var text = $("h1#elementName").text();
    if (text == "FOO");
        $("#myElement").attr("Value", "BAR");
});

可以看到，这将在加载时读取H1元素的内容。这是你想要的吗?或者元素的内容可以动态更改吗?

相关文章：