基于h1动态更新html元素值

Question

是的，我有一个问题，我正在努力解决这个问题。

在aspx母版页（procedure.master.aspx）上，我有以下元素：

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

我希望能够做的是根据页面内容（procedures.aspx调用master）更改 VALUE ，即如果H1包含"FOO"然后标记Value="BAR"等。

TAG值将发送到基于页面内容返回XML的存储过程。

不是javascript GURU对Javascript（不是JQuery）或VB.net的任何建议都是开放的。

Answer 1

如果您不介意在服务器上执行此操作，请使用以下代码。它对我有用：

在您的HTML中添加以下内容：

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

并在代码页面后面加载：

        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>

并在代码页面后面加载：

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

Answer 2

如果您有jQuery，以下代码段应该可以正常工作。此代码还假设您为wbc：Tag元素指定了一个id，在本例中为“myElement”。

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

如您所见，这将在加载时读取H1元素的内容。那是你想要的吗？或者可以动态更改元素的内容吗？