如何给某个标签动态添加属性？

朂靚滴仔丶 2021-08-23 1149 浏览问题模块： API和组件

小程序里面如何像JS那样获取了标签以后再添加属性的，在JS中，比如获取了input标签，可以给这个标签添加并设置class属性，或者是添加并设置type属性，那么小程序当中能否这样操作呢？

回答关注问题邀请回答

收藏

扫描小程序码分享
 复制链接

关闭

请选择投诉理由

广告内容

违法违规

恶意灌水内容

其他

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

删除取消

关闭

确定删除？

删除后不可恢复

取消确定

关闭

关注“微信开放社区”公众号

关注后，可在微信内接收相应的重要提醒。

请使用微信扫描二维码关注 “微信开放社区” 公众号

关闭

反馈

<div style="text-align:center;margin-top:20px;"><button class="btn btn-primary">确定</button><button class="btn btn-default" style="margin-left:20px;">取消</button></div></div></div></div></div></div></div></div><div class="anwser__area"><div class="answer_container"><div class="anwser__hd"><p class="anwser__title">2 个回答</p></div><div id="comment-list" class=" anwsers__list"><div class="answer_container"><div class="post_comment_area"><ul class="post_comment_list"><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="000c2010620ec0253cac60292510" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/0006a6abb2c978e539acaf41f51000?jumpto=comment&commentid=000c2010620ec0253cac60292510"/><meta check-reduce="" itemprop="dateCreated" content="Mon Aug 23 2021 16:26:40 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Mon Aug 23 2021 16:26:40 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/sq_oiO6X5L7Hxps3JhknQ94w5AM6CBw" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://mmbiz.qpic.cn/mmbiz_png/bj9JGugn6Ud4DWyvGlAd5eLVcddAtYUnDMkC4PzZmtniaibvPs7IF9VVllVBoj3HeICe50bj0TH6lQiaggjCtHV9Q/0?wx_fmt=png" alt="微喵网络" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">微喵网络</strong></span></span></a><div class="checking_state_new"><span title="企业用户" class="cy_new"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2021-08-23</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div itemprop="text" class="post_comment_content" style="display:;"><pre class="ql-syntax" spellcheck="false"><span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"{{class}}"</span> <span class="hljs-class"><span class="hljs-keyword">type</span></span>=<span class="hljs-string">"{{type}}"</span> </pre><p><br/></p><p>这样就可以了</p></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2021-08-23</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/>有用 </div></div><div class="best_comment_unagree"><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/></div></div><div class="js_comment best_comment_discuss"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复 </span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="000a6461540dd0653bac472c6568" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/0006a6abb2c978e539acaf41f51000?jumpto=comment&commentid=000a6461540dd0653bac472c6568"/><meta check-reduce="" itemprop="dateCreated" content="Mon Aug 23 2021 16:21:56 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Mon Aug 23 2021 16:21:56 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw7F2Tqu_DAdwj2RaKmuUw1g" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/V0mhkIwf3EG8iaIzlef6WWAAMOl0STLDLiafsym4oklWQARmOBpMCLQg/64" alt="困难" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">困难</strong></span></span></a><div class="checking_state_new"></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2021-08-23</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容

置顶 如何给某个标签动态添加属性？ 精选 热门

请选择投诉理由

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

关注“微信开放社区”公众号

反馈

如何给某个标签动态添加属性？