技术问答innerHTML鎬庢牱鍜宩Query閰嶅悎浣跨敤 - 扬州沐宇科技

瑕佸湪jQuery涓搷浣淗TML鍏冪礌锛屽彲浠ヤ娇鐢╦Query鎻愪緵鐨勬柟娉曟潵瀹炵幇銆傚彲浠ヤ娇鐢╦Query鐨勯€夋嫨鍣ㄦ潵閫夊彇HTML鍏冪礌锛岀劧鍚庝娇鐢╦Query鐨勬柟娉曟潵瀵归€変腑鐨勫厓绱犺繘琛屾搷浣溿€?/p>

渚嬪锛岃鏀瑰彉涓€涓厓绱犵殑鏂囨湰鍐呭锛屽彲浠ヤ娇鐢╦Query鐨?code>text()鏂规硶锛屽涓嬫墍绀猴細

// 鏀瑰彉鍏冪礌鐨勬枃鏈唴瀹?/span>
$("#myElement").text("鏂扮殑鏂囨湰鍐呭");

濡傛灉瑕佹敼鍙樹竴涓厓绱犵殑HTML鍐呭锛屽彲浠ヤ娇鐢╦Query鐨?code>html()鏂规硶锛屽涓嬫墍绀猴細

// 鏀瑰彉鍏冪礌鐨凥TML鍐呭
$("#myElement").html("<strong>鏂扮殑HTML鍐呭</strong>");

濡傛灉瑕佸湪涓€涓厓绱犱腑娣诲姞鏂扮殑HTML鍐呭锛屽彲浠ヤ娇鐢╦Query鐨?code>append()鏂规硶锛屽涓嬫墍绀猴細

// 鍦ㄥ厓绱犱腑娣诲姞鏂扮殑HTML鍐呭
$("#myElement").append("<div>鏂扮殑HTML鍐呭</div>");

閫氳繃閰嶅悎浣跨敤jQuery鍜屽師鐢熺殑innerHTML锛屽彲浠ユ洿鐏垫椿鍦版搷浣淗TML鍏冪礌锛屽疄鐜版洿澶氱殑鍔熻兘銆?/p>