Javascript 如何动态设置查询选择器属性

我有一个带有标记编辑器的局部视图，我在主视图中引用该局部视图以及id属性

 @Html.Partial("_MarkdownEditor", new { id = "executivesummary" }) 
 @Html.Partial("_MarkdownEditor", new { id = "editorsection" })

这里尝试像这样动态设置id属性

<div id="@ViewData.Eval("id")">
</div>

这一切都很好，我的问题是我需要捕获和设置id动态显示编辑器。。。这是编辑器代码。这里我用#exectuivesummary硬编码了querySelector。我想根据传递给局部视图的id参数动态设置它，这样我就可以拥有编辑器的不同实例了！如何做到这一点

<script type="text/javascript">
var editor = new tui.Editor({
    el: document.querySelector('#executivesummary'),
    previewStyle: 'vertical',   
    height: '300px',
    initialEditType: 'wysiwyg'
    //hideModeSwitch:true
});

function saveContent(e) {
    var content = editor.getValue();
    console.log(content)
    e.preventDefault();
}

var editor=新的tui.editor({
el:document.querySelector（“#executivesummary”），
预览样式：“垂直”，
高度：“300px”，
initialEditType:“所见即所得”
//巫师：对
});
函数saveContent（e）{
var content=editor.getValue（）；
console.log（内容）
e、 预防默认值（）；
}

---

您必须在querySelector中使用变量

您可以这样做：

var id='executivesummary'；
var matched=document.querySelector（“#”+id）；
控制台日志（匹配）
必须在querySelector中使用变量

您可以这样做：


var id='executivesummary'；
var matched=document.querySelector（“#”+id）；
控制台日志（匹配）
el:document.querySelector（“#@ViewData.Eval（“id”）”）
怎么样？@ADyson你的好朋友！我只是想要另一双眼睛！谢谢你，伙计！怎么样
el:document.querySelector（'#@ViewData.Eval（“id”））
？@ADyson你的伟大！我只是想要另一双眼睛！谢谢你，伙计！