div 要素を検索して置き換えるだけです。例えば:
<div class="truncateP">
<p>The Stackoverflow is awesome</p>
</div>
<script type="text/javascript">
require([
"dojo/ready",
"dojo/query",
"dojo/dom-attr"
], function(ready, $, domAttr){
ready(function(){ // Wait till the page is rendered
var div = $(".truncateP");
if(div.length > 0){ // check that the div is found
var html = domAttr.get(div[0], "innerHTML");
html = html.replace(/\<p\>|\<\/p\>/g,"");
domAttr.set(div[0], "innerHTML", html);
}
});
});
</script>
これにはいくつかの注意事項があります。
- 外部 URL からロードしている場合は、コンテンツを変更する前に、コンテンツがロードされて画面にレンダリングされていることを確認する必要があります。ready() を使用するだけでは十分ではありません。
- dom クエリは、class = truncateP を検索しています。ページにそのクラスが複数ある場合は、最初のクラスのみが解析されます。
- コンテンツ内のすべての段落要素が削除されます。