使用外部javascript更改html元素的值

使用外部javascript更改html元素的值,javascript,jquery,html,external-js,Javascript,Jquery,Html,External Js,下面是我想修改的div <div id="@page.Page" class="pageMessages" data-messages='@Html.Raw(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(@page.Messages))'></div> 我想在从外部.js文件调用javascipt函数时更改消息的值。做这件事的正确方法是什么?我希望我得到了您想要做的,您可以

下面是我想修改的div

<div id="@page.Page" class="pageMessages" data-messages='@Html.Raw(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(@page.Messages))'></div> 


我想在从外部.js文件调用javascipt函数时更改消息的值。做这件事的正确方法是什么?

我希望我得到了您想要做的,您可以使用jquery的change属性来实现这一点

JQUERY

<script>
$(document).ready(function(){
   $(".pageMessages").attr("data-messages","your-new-value-here");
});
</script>

$(文档).ready(函数(){
$(“.pageMessages”).attr(“数据消息”,“此处的新值”);
});
文件:

像这样

// This Performs the Change
$('#changeme').attr('data-messages', 'New Value');

// Show the Change
$('#changeme').html( $('#changeme').attr('data-messages') );
这是一张工作票

我看到的一个问题是id='@page.page',这不起作用