如何修改SharePoint页面中下一个span的文本内容？

嘿，针对你这个没法直接控制SharePoint原有标记代码的情况，咱们可以用JavaScript来搞定修改下一个span文本的需求，具体步骤和代码如下：

步骤1：精准定位目标Select元素 #

首先，咱们可以通过select的唯一ID快速锁定它——你的代码里这个ID是OrderAssignToApprover_9002e96d-1276-4355-9a2a-0c565d8079db_$DropDownChoice，用getElementById就能直接找到它。

步骤2：找到要修改的目标Span #

定位到select后，先获取它的父级span（也就是包含它的那个dir="none"的span），再通过nextElementSibling获取这个父span的下一个兄弟元素（也就是你要修改的目标span），这个方法会自动跳过文本节点，比nextSibling更可靠。

步骤3：替换Span文本内容 #

最后直接修改目标span的textContent或innerText属性，就能替换成你想要的文本了。如果需要插入带格式的内容，也可以用innerHTML，不过要注意防范XSS风险。

完整代码示例 #

// 定位目标select元素
const targetSelect = document.getElementById('OrderAssignToApprover_9002e96d-1276-4355-9a2a-0c565d8079db_$DropDownChoice');

// 先判断元素是否存在，避免页面报错
if (targetSelect) {
    // 获取包含select的父级span
    const parentSpan = targetSelect.parentElement;
    // 获取父span的下一个兄弟span元素
    const nextSpan = parentSpan.nextElementSibling;
    
    // 确认找到目标span后再修改文本
    if (nextSpan && nextSpan.tagName === 'SPAN') {
        // 替换成你需要的新文本
        nextSpan.textContent = '这里是你要设置的新文本内容';
        // 如果需要HTML格式内容，可改用innerHTML（谨慎使用）
        // nextSpan.innerHTML = '<em>带样式的新文本</em>';
    }
}

额外提示 #

如果是SharePoint现代页面，记得把代码放在DOM加载完成的监听事件里，确保元素已经渲染出来：

document.addEventListener('DOMContentLoaded', function() {
    // 上面的核心代码放在这里
});

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