如何获取D365 Portal中id为b的p标签后的div内容？

原生JavaScript写法 #

1. 将"test"存入变量

// 定位到包含test的子div
const testElement = document.querySelector('div[data-wrapper="true"] > div');
// 获取文本内容并存入变量
const testText = testElement.textContent.trim();

2. 将"test"设置为id="b"的p标签内容

// 获取test文本
const testText = document.querySelector('div[data-wrapper="true"] > div').textContent.trim();
// 给id为b的p标签赋值
document.getElementById('b').textContent = testText;

jQuery写法（D365 Portal通常默认加载jQuery） #

1. 将"test"存入变量

const testText = $('div[data-wrapper="true"] > div').text().trim();

2. 将"test"设置为id="b"的p标签内容

// 分步写法
const testText = $('div[data-wrapper="true"] > div').text().trim();
$('#b').text(testText);

// 一行简化写法
$('#b').text($('div[data-wrapper="true"] > div').text().trim());

注意事项 #

• 要确保代码在DOM完全加载后执行，否则可能找不到目标元素：
  • 原生JS可以用DOM加载完成事件包裹：

    document.addEventListener('DOMContentLoaded', function() {
      // 这里放执行代码
    });
    

  • jQuery可以用ready事件包裹：

    $(document).ready(function() {
      // 这里放执行代码
    });
    

内容的提问来源于stack exchange，提问作者sudheer poladi